fix: vertical alignment on buttons with an icon

src/styles/admin-circles/_index.scss

@@ -6,7 +6,7 @@
   /* Styles on buttons and .children-link don't work because this input is inside too many elements. */
   /* And no I can't add that stupid icon because it'a an input. */
   /* But now, with 0.16, it's a button and you can :D */
-  .join-button {
+  /*.join-button {
 
     input,
     button {
@@ -55,7 +55,7 @@
         }
       }
     }
-  }
+  }*/
 
   .masonry>div:nth-child(1) {
     /* change from directory (nth-child(2))*/

src/styles/index.scss

@@ -121,17 +121,11 @@ hubl-menu-empty+hubl-menu-empty {
 .search-button {
 
   button {
-    display: inline-flex;
-    line-height: 15px;
 
     @media (max-width: 768px) {
       margin-bottom: 20px;
       width: 100%;
     }
-
-    &::before {
-      vertical-align: middle;
-    }
   }
 }
 
@@ -144,3 +138,27 @@ hubl-menu-empty+hubl-menu-empty {
     }
   }
 }
+
+.children-button-icon {
+
+  button {
+    display: inline-flex;
+    justify-content: center;
+    line-height: 15px;
+
+    &::before {
+      vertical-align: middle;
+    }
+  }
+}
+
+.button-icon {
+
+  display: inline-flex;
+  justify-content: center;
+  line-height: 15px;
+
+  &::before {
+    vertical-align: middle;
+  }
+}