edit templates styles

Author: hatemhosny

src/livecodes/styles/inc-modal.scss

@@ -1467,13 +1467,52 @@
     }
   }
 
-  #templates-user {
-    .loading {
-      margin-top: 3em;
+  #templates-container {
+    #templates-tabs {
+      margin-bottom: unset;
+      width: calc(100% - var(--s4));
     }
 
-    ul {
-      height: fit-content;
+    .templates-search-container {
+      display: flex;
+      width: 100%;
+
+      label {
+        align-items: center;
+        display: flex;
+        margin: 0 var(--s4);
+        white-space: nowrap;
+      }
+
+      input {
+        align-items: center;
+        display: flex;
+        margin: var(--s12) var(--s4);
+      }
+    }
+
+    @media screen and (max-width: 480px) {
+      .templates-search-container {
+        label {
+          display: none;
+        }
+
+        input {
+          margin-inline-start: 0;
+        }
+      }
+    }
+
+    #templates-user {
+      width: calc(100% - var(--s4));
+
+      .loading {
+        margin-top: 3em;
+      }
+
+      ul {
+        height: fit-content;
+      }
     }
   }