Hide collection setting dividers

client/src/data/user.settings.default.json

@@ -151,7 +151,7 @@
     {
         "id": "security",
         "text": "Security and Privacy",
-        "headertext": "Security Settings",
+        "headertext": "Security and Privacy Settings",
         "settings": [
             {
                 "id": "default",

client/src/styles/partials/bdsettings/index.scss

@@ -8,4 +8,3 @@
 @import './updater.scss';
 @import './window-preferences';
 @import './kvp';
-@import './collection';

client/src/styles/partials/generic/forms/collections.scss

@@ -2,7 +2,7 @@
     display: flex;
     flex-direction: column;
 
-    div:first-child {
+    > :first-child {
         flex: 1 1 auto;
     }
 
@@ -11,6 +11,10 @@
         flex-grow: 1;
         margin-top: 5px;
 
+        > :first-child {
+            flex: 1 0 auto;
+        }
+
         .bd-removeCollectionItem {
             width: 20px;
             flex: 0 1 auto;
@@ -18,7 +22,6 @@
             justify-content: center;
             align-items: center;
             cursor: pointer;
-            margin-bottom: 30px;
 
             &:hover {
                 svg {
@@ -41,6 +44,7 @@
         justify-content: center;
         align-items: center;
         margin-right: 2px;
+        margin-top: 10px;
 
         svg {
             width: 16px;

client/src/styles/partials/generic/forms/index.scss

@@ -9,3 +9,4 @@
 @import './files.scss';
 @import './guilds.scss';
 @import './arrays.scss';
+@import './collections.scss';

client/src/ui/components/bd/setting/Collection.vue

@@ -11,7 +11,7 @@
 <template>
     <div class="bd-formCollection">
         <div v-for="s in setting.items" class="bd-collectionItem">
-            <Setting :setting="s" :key="s.id" />
+            <Setting :setting="s" :hide-divider="true" :key="s.id" />
             <div class="bd-removeCollectionItem" @click="removeItem(s)"><MiMinus/></div>
         </div>
         <div class="bd-newCollectionItem" @click="addItem"><MiPlus/></div>

client/src/ui/components/bd/setting/Setting.vue

@@ -26,7 +26,8 @@
         <KeyValuePair v-else-if="setting.type === 'kvp'" :setting="setting" />
         <SecureKeyValuePair v-else-if="setting.type === 'securekvp'" :setting="setting" />
         <CustomSetting v-else-if="setting.type === 'custom'" :setting="setting" />
-        <div class="bd-form-divider"></div>
+
+        <div v-if="!hideDivider" class="bd-form-divider"></div>
     </div>
 </template>
 
@@ -51,7 +52,8 @@
 
     export default {
         props: [
-            'setting'
+            'setting',
+            'hide-divider'
         ],
         components: {
             BoolSetting,