Send layout & search

src/scss/buttons.scss

@@ -1,6 +1,6 @@
 @import "variables.scss";
 
-.btn, #vault .footer button, .modal-footer button {
+.btn, .vault .footer button, .modal-footer button {
     border-radius: $border-radius;
     padding: 7px 15px;
     border: 1px solid #000000;
@@ -77,6 +77,16 @@
             text-decoration: underline;
         }
     }
+
+    &.icon-link {
+        padding: 10px;
+        font-size: 20px;
+        text-align: center;
+        text-decoration: none;
+        margin: 5px 2px;
+        border-radius: 50%;
+        width: 45px;
+    }
 }
 
 .action-buttons {

src/scss/environment.scss

@@ -33,7 +33,7 @@ html.os_macos {
         }
     }
 
-    #vault .header-search {
+    .vault .header-search {
         -webkit-app-region: drag;
 
         input, i {
@@ -41,12 +41,12 @@ html.os_macos {
         }
     }
 
-    #vault .mac-bar {
+    .vault .mac-bar {
         height: 48px;
         -webkit-app-region: drag;
     }
 
-    #vault > #groupings > .content > .inner-content {
+    .vault > .groupings > .content > .inner-content {
         padding-top: 0;
     }
 }

src/scss/vault.scss

@@ -1,10 +1,10 @@
 @import "variables.scss";
 
-#vault {
+.vault {
     height: 100%;
     display: flex;
 
-    > #groupings, > #items, > #details, > #logo {
+    > .groupings, > .items, > .details, > .logo {
         display: flex;
         flex-direction: column;
 
@@ -13,7 +13,7 @@
         }
     }
 
-    > #groupings {
+    > .groupings {
         width: 22%;
         min-width: 175px;
         max-width: 250px;
@@ -25,7 +25,11 @@
         }
 
         .inner-content {
-            padding-bottom: 0;
+            display: flex;
+            height: 100%;
+            flex-direction: column;
+            flex-grow: 1;
+            justify-content: space-between;
             padding-right: 5px;
             user-select: none;
 
@@ -254,7 +258,7 @@
         }
     }
 
-    > #items {
+    > .items {
         width: 28%;
         min-width: 200px;
         max-width: 350px;
@@ -284,7 +288,7 @@
         }
     }
 
-    > #details {
+    > .details {
         flex: 1;
         min-width: 0;
         
@@ -316,7 +320,7 @@
         }
     }
 
-    > #logo {
+    > .logo {
         flex: 1;
         min-width: 0;