patch: classes added to button[type='submit']

src/styles/admin-circles/_index.scss

@@ -57,36 +57,6 @@
     }
   }
 
-  .form.search-button :not(.add-member)+button[type=submit] {
-    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;
-      content: "\e079";
-      font-family: simple-line-icons;
-      font-style: normal;
-      font-weight: 400;
-      speak: none;
-      display: inline-block;
-      text-decoration: inherit;
-      width: 1em;
-      text-align: center;
-      font-variant: normal;
-      text-transform: none;
-      line-height: 13px;
-      -webkit-font-smoothing: antialiased;
-      -moz-osx-font-smoothing: grayscale;
-    }
-  }
-
   .masonry>div:nth-child(1) {
     /* change from directory (nth-child(2))*/
     display: flex !important;

src/styles/forms/_index.scss

@@ -1,4 +1,4 @@
-.search-form {
+/*.search-form {
   [type="submit"] {
     margin-bottom: 20px;
     @media (min-width: 768.01px) {
@@ -7,4 +7,4 @@
       margin-top: 0 !important;
     }
   }
-}
+}*/

src/styles/index.scss

@@ -103,4 +103,39 @@ hubl-menu-empty+hubl-menu-empty {
   &:hover {
     text-decoration: none;
   }
-}
+}
+
+.submit-button {
+  float: right;
+  margin-top: 10px;
+
+  button {
+    line-height: 1;
+
+    @media (max-width: 768px) {
+      width: 100%;
+    }
+  }
+}
+
+.search-button {
+
+  button {
+    line-height: 1;
+
+    @media (max-width: 768px) {
+      margin-bottom: 20px;
+      width: 100%;
+    }
+  }
+}
+
+.add-member-button {
+
+  button[type='submit'] {
+
+    @media (max-width: 768px) {
+      width: 100%;
+    }
+  }
+}

src/styles/projects/_index.scss

@@ -10,6 +10,10 @@
         font-size: 12px;
         line-height: 14px;
         border-radius: 16.5px;
+
+        @media (max-width: 768px) {
+            width: 100%;
+        }
     }
     button:hover {
         background-color: var(--color-secondary);
@@ -20,6 +24,7 @@
     display: table-row;    
     border-bottom: 1px solid #C9C8C8;
     border-right: 1px solid #C9C8C8;
+    text-align: center;
     .segment.table-cell {
         border-bottom: 1px solid #C9C8C8;
         border-right: 1px solid #C9C8C8;
@@ -27,15 +32,7 @@
         padding: 10px;
     }
     [type="submit"] {
-        float: none;
-        display: flex;
         margin: 19px auto;
-        color: var(--color-secondary);
-        background-color: white;
-    }
-    [type="submit"]:hover {
-        background-color: var(--color-secondary);
-        color: white;
     }
 }
 #projects-information .display-businessprovider {