1 files changed, 18 insertions, 22 deletions

diff --git a/frontend/src/components/ConnectionContent.scss b/frontend/src/components/ConnectionContent.scss
index fde54c0..c97a4b0 100644
--- a/frontend/src/components/ConnectionContent.scss
+++ b/frontend/src/components/ConnectionContent.scss
@@ -1,16 +1,16 @@
-@import '../colors.scss';
+@import "../colors.scss";
 
 .connection-content {
-  background-color: $color-primary-0;
-  padding: 10px 10px 0;
   height: 100%;
+  padding: 10px 10px 0;
+  background-color: $color-primary-0;
 
   pre {
-    word-break: break-word;
-    white-space: pre-wrap;
     overflow-x: hidden;
     height: calc(100% - 31px);
     padding: 0 10px;
+    white-space: pre-wrap;
+    word-break: break-word;
 
     p {
       margin: 0;
@@ -19,28 +19,28 @@
   }
 
   .connection-message {
+    position: relative;
+    margin: 10px 0;
     border: 4px solid $color-primary-3;
     border-top: 0;
-    margin: 10px 0;
-    position: relative;
 
     .connection-message-header {
-      background-color: $color-primary-3;
       height: 25px;
+      background-color: $color-primary-3;
 
       .connection-message-info {
         font-size: 11px;
-        margin-left: -10px;
         margin-top: 6px;
+        margin-left: -10px;
       }
 
       .connection-message-actions {
-        margin-right: -18px;
         display: none;
+        margin-right: -18px;
 
         button {
-          margin: 0 3px;
           font-size: 11px;
+          margin: 0 3px;
           padding: 5px;
         }
       }
@@ -55,19 +55,18 @@
     }
 
     .connection-message-label {
+      font-size: 12px;
       position: absolute;
-      background-color: $color-primary-3;
       top: 0;
       padding: 10px 0;
-      font-size: 12px;
-
+      background-color: $color-primary-3;
       writing-mode: vertical-rl;
       text-orientation: mixed;
     }
 
     &.from-client {
-      color: $color-primary-4;
       margin-right: 100px;
+      color: $color-primary-4;
 
       .connection-message-label {
         right: -22px;
@@ -75,26 +74,25 @@
     }
 
     &.from-server {
-      color: $color-primary-4;
       margin-left: 100px;
+      color: $color-primary-4;
 
       .connection-message-label {
         left: -22px;
         transform: rotate(-180deg);
       }
     }
-
   }
 
   .connection-content-header {
-    background-color: $color-primary-2;
-    padding: 0;
     height: 33px;
+    padding: 0;
+    background-color: $color-primary-2;
 
     .header-info {
+      font-size: 12px;
       padding-top: 7px;
       padding-left: 20px;
-      font-size: 12px;
     }
 
     .header-actions {
@@ -105,6 +103,4 @@
       }
     }
   }
-
-
 }