Minor scss improvements

6 files changed, 19 insertions, 22 deletions

diff --git a/frontend/src/components/panels/ConfigurationPane.scss b/frontend/src/components/panels/ConfigurationPane.scss
index 955d2bc..ef48b34 100644
--- a/frontend/src/components/panels/ConfigurationPane.scss
+++ b/frontend/src/components/panels/ConfigurationPane.scss
@@ -1,10 +1,10 @@
-@import '../../colors';
+@import "../../colors";
 
 .configuration-pane {
-  height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
+  height: 100%;
   background-color: $color-primary-0;
 
   .pane {
@@ -15,5 +15,4 @@
   .pane-container {
     padding-bottom: 1px;
   }
-
 }
diff --git a/frontend/src/components/panels/MainPane.scss b/frontend/src/components/panels/MainPane.scss
index 04be347..2973c00 100644
--- a/frontend/src/components/panels/MainPane.scss
+++ b/frontend/src/components/panels/MainPane.scss
@@ -1,8 +1,8 @@
-@import '../../colors';
+@import "../../colors";
 
 .main-pane {
-  height: 100%;
   display: flex;
+  height: 100%;
   padding: 0 15px;
   background-color: $color-primary-2;
 
@@ -19,5 +19,4 @@
     flex: 1 1;
     margin-left: 7.5px;
   }
-
 }
diff --git a/frontend/src/components/panels/PcapPane.scss b/frontend/src/components/panels/PcapPane.scss
index 721560a..4dbc2b2 100644
--- a/frontend/src/components/panels/PcapPane.scss
+++ b/frontend/src/components/panels/PcapPane.scss
@@ -1,12 +1,12 @@
-@import '../../colors.scss';
+@import "../../colors.scss";
 
 .pcap-pane {
   display: flex;
   flex-direction: column;
 
   .pcap-list {
-    flex: 1;
     overflow: hidden;
+    flex: 1;
 
     .section-content {
       height: 100%;
@@ -35,5 +35,4 @@
       font-size: 0.9em;
     }
   }
-
 }
diff --git a/frontend/src/components/panels/RulePane.scss b/frontend/src/components/panels/RulePane.scss
index d45c366..992445a 100644
--- a/frontend/src/components/panels/RulePane.scss
+++ b/frontend/src/components/panels/RulePane.scss
@@ -4,8 +4,8 @@
   flex-direction: column;
 
   .rules-list {
-    flex: 2 1;
     overflow: hidden;
+    flex: 2 1;
 
     .section-content {
       height: 100%;
@@ -17,8 +17,8 @@
   }
 
   .rule-edit {
-    flex: 3 0;
     display: flex;
+    flex: 3 0;
     flex-direction: column;
 
     .section-content {
diff --git a/frontend/src/components/panels/ServicePane.scss b/frontend/src/components/panels/ServicePane.scss
index 0b154e6..daf7e79 100644
--- a/frontend/src/components/panels/ServicePane.scss
+++ b/frontend/src/components/panels/ServicePane.scss
@@ -4,8 +4,8 @@
   flex-direction: column;
 
   .services-list {
-    flex: 1;
     overflow: hidden;
+    flex: 1;
 
     .section-content {
       height: 100%;
diff --git a/frontend/src/components/panels/common.scss b/frontend/src/components/panels/common.scss
index ea8da94..121a917 100644
--- a/frontend/src/components/panels/common.scss
+++ b/frontend/src/components/panels/common.scss
@@ -1,20 +1,20 @@
-@import '../../colors.scss';
+@import "../../colors.scss";
 
 .pane-container {
-  background-color: $color-primary-3;
-  padding: 10px 10px 0;
   height: 100%;
+  padding: 10px 10px 0;
+  background-color: $color-primary-3;
 
   .pane-section {
     margin-bottom: 10px;
     background-color: $color-primary-0;
 
     .section-header {
-      background-color: $color-primary-2;
-      padding: 5px 10px;
-      font-weight: 500;
       font-size: 0.9em;
+      font-weight: 500;
       display: flex;
+      padding: 5px 10px;
+      background-color: $color-primary-2;
 
       .api-request {
         flex: 1;
@@ -31,8 +31,8 @@
 
       .table-error {
         font-size: 0.8em;
-        color: $color-secondary-0;
         margin-left: 10px;
+        color: $color-secondary-0;
       }
     }
 
@@ -40,18 +40,18 @@
       margin-bottom: 0;
 
       tbody tr {
-        background-color: $color-primary-3;
         border-top: 3px solid $color-primary-0;
         border-bottom: 3px solid $color-primary-0;
+        background-color: $color-primary-3;
       }
 
       th {
-        background-color: $color-primary-2;
         font-size: 0.8em;
         position: sticky;
         top: 0;
         padding: 2px 5px;
         border: none;
+        background-color: $color-primary-2;
       }
 
       .row-small {
@@ -74,9 +74,9 @@
 
   .section-footer {
     display: flex;
+    justify-content: flex-end;
     padding: 10px;
     background-color: $color-primary-0;
-    justify-content: flex-end;
 
     .button-field {
       margin-left: 10px;