improve settings components and scss

src/scss/admin.scss

@@ -16,10 +16,8 @@
  */
 
 .cm-settings {
-  padding: 20px;
-
   &--nav {
-    padding-top: 50px;
+    padding-top: 30px;
   }
 
   &-nav {
@@ -43,6 +41,10 @@
   &-section {
     width: 100%;
     padding: 20px;
+
+    &--hidden {
+      display: none;
+    }
   }
 
   &-item {
@@ -218,22 +220,39 @@
       }
     }
   }
-}
 
-@media screen and (max-width: 1024px) {
-  .side-menu-setting-table,
-  .side-menu-setting-row,
-  .side-menu-setting-label,
-  .side-menu-setting-form {
-    display: block;
-    max-width: 100%;
+  &-btn {
+    &--save {
+      margin-top: 30px;
+    }
   }
 
-  .side-menu-setting-label {
-    margin-bottom: 10px;
+  &-config-modal {
+    textarea {
+      width: 100%;
+      height: 30vh;
+    }
+
+    .modal__content {
+      padding: 20px;
+    }
+
+    .modal__footer {
+      margin-top: 20px;
+      text-align: right;
+    }
+
+    .modal__footer button {
+      display: inline-block;
+      margin-right: 5px;
+    }
+  }
+
+  &-button-inline {
+    button {
+      display: inline-block;
+      margin-right: 5px;
+    }
   }
 }
 
-.side-menu-setting-save {
-  margin-top: 30px;
-}