fix: various fixes on community directory

src/styles/admin-circles/_index.scss

@@ -7,7 +7,7 @@
   /* 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 {
-  
+
     input,
     button {
       padding: 9px 20px;
@@ -19,7 +19,7 @@
       background-color: var(--color-secondary);
       color: white;
       border: 1px solid var(--color-secondary);
-  
+
       &:before {
         font-size: 15px;
         margin-right: 6px;
@@ -38,17 +38,17 @@
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
       }
-  
+
       &:hover {
         background: white;
         color: var(--color-secondary);
       }
     }
-  
+
     @media (max-width: 768px) {
-  
+
       &.sm-full {
-  
+
         input,
         button {
           width: 100%;
@@ -58,10 +58,15 @@
   }
 
   .form.search-button :not(.add-member)+button[type=submit] {
-    background-color: #E9F2FF;
-    border: none;
+    background-color: transparent;
+    border: 1px solid var(--color-secondary);
     color: var(--color-secondary);
 
+    &:hover {
+      background-color: var(--color-secondary);
+      color: #fff;
+    }
+
     &:before {
       font-size: 15px;
       margin-right: 6px;
@@ -76,11 +81,11 @@
       text-align: center;
       font-variant: normal;
       text-transform: none;
-      line-height: 1em;
+      line-height: 13px;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
     }
-  }  
+  }
 
   .masonry>div:nth-child(1) {
     /* change from directory (nth-child(2))*/
@@ -96,6 +101,7 @@
   .segment.hover:hover {
     box-shadow: 0 0 16px 0 rgba(46, 63, 88, 0.34);
     bottom: 2px;
+    cursor: pointer;
   }
 
   hubl-admin-circle-name:hover {
@@ -106,6 +112,7 @@
     height: 76px;
     width: 100%;
     display: block;
+
     div {
       display: block;
       width: 100%;
@@ -242,4 +249,7 @@
       }
     }
   }
+  .flex {
+    display: flex;
+  }
 }