extensions css

app/assets/stylesheets/app/_directives.scss

@@ -5,7 +5,6 @@
       margin-top: 18px;
     }
 
-
     .ext-header {
       background-color: #ededed;
       border-bottom: 1px solid #d3d3d3;
@@ -69,147 +68,3 @@
     }
   }
 }
-
-
-/**
-Extensions
-*/
-
-.extensions-panel {
-  font-size: 14px;
-
-  .extension-link {
-    margin-top: 8px;
-
-    a {
-      color: $blue-color !important;
-      font-weight: bold;
-    }
-  }
-}
-
-.extension-form {
-  margin-top: 8px;
-}
-
-.registered-extensions {
-
-  .extension {
-    margin-bottom: 18px;
-    padding: 14px 6px;
-    padding-bottom: 8px;
-    color: black;
-
-    .ek-input-wrapper {
-      text-align: center;
-      margin-top: 14px;
-      height: 30px;
-
-      > input {
-        height: 100%;
-        border: 1px solid rgba(gray, 0.15);
-        padding: 5px;
-        width: 78%;
-        margin-right: 0;
-      }
-
-      > button {
-        width: 20% !important;
-        height: 100% !important;
-        display: inline-block !important;
-        margin: 0 !important;
-      }
-    }
-
-    a.option-link {
-      margin-top: 6px;
-      display: block;
-      text-align: center;
-    }
-
-    .show-ek {
-      > .ek {
-        font-weight: bold;
-        margin-top: 2px;
-      }
-
-      > .disclaimer {
-        margin-top: 2px;
-        font-size: 10px;
-        font-style: italic;
-        width: 60%;
-        margin-left: auto;
-        margin-right: auto;
-      }
-    }
-
-    a {
-      color: $blue-color !important;
-      font-size: 12px !important;
-      font-weight: bold !important;
-    }
-
-    .extension-name {
-      font-weight: bold;
-      font-size: 16px;
-      margin-bottom: 6px;
-      text-align: center;
-    }
-
-    .encryption-format {
-      margin-top: 4px;
-      font-size: 12px;
-      text-align: center;
-
-      > .title {
-        font-size: 13px;
-        // font-weight: bold;
-        margin-bottom: 2px;
-      }
-    }
-
-    .extension-subtitle {
-      font-size: 14px;
-      margin-bottom: 10px;
-    }
-
-    .extension-actions {
-      margin-top: 15px;
-      font-size: 12px;
-
-      .action {
-        padding: 13px;
-        margin-bottom: 10px;
-        background-color: rgba(white, 0.9);
-        border: 1px solid rgba(gray, 0.15);
-
-       .action-name {
-          font-weight: bold;
-        }
-
-        .action-permissions {
-          margin-top: 2px;
-          a {
-            font-weight: normal !important;
-          }
-        }
-
-        > .execute-type {
-          font-size: 12px;
-          margin-bottom: 1px;
-        }
-
-        > .error {
-          color: red;
-          margin-top: 6px;
-        }
-
-        > .last-run {
-          opacity: 0.5;
-          font-size: 11px;
-          margin-top: 6px;
-        }
-      }
-    }
-  }
-}

app/assets/stylesheets/app/_header.scss

@@ -22,6 +22,10 @@
   margin-top: 25px !important;
 }
 
+.mb-5 {
+  margin-bottom: 5px !important;
+}
+
 .mb-10 {
   margin-bottom: 10px !important;
 }
@@ -72,6 +76,10 @@
   padding: 10px !important;
 }
 
+.pb-4 {
+  padding-bottom: 4px !important;
+}
+
 .large-padding {
   padding: 22px !important;
 }
@@ -92,6 +100,10 @@
   font-weight: normal !important;
 }
 
+.small {
+  font-size: 10px !important;
+}
+
 .inline {
   display: inline-block;
 }