Fix style rulebreaks

src/components/popover/popover.component.scss

@@ -16,7 +16,7 @@
 }
 
 .popover-title.menu-tabs {
-    padding: .5rem .5rem 0;
+    padding: 0.5rem 0.5rem 0;
     display: block;
 }
 
@@ -29,8 +29,8 @@
     padding: 10px 24px;
 }
 
-mouse-tab.popover-content{
+mouse-tab.popover-content {
     padding: 10px;
     display: flex;
     align-items: center;
-}
+}

src/components/popover/tab/keymap-tab.component.scss

@@ -22,4 +22,4 @@
             max-width: 100%;
         }
     }
-}
+}

src/components/popover/tab/keypress-tab.component.scss

@@ -1,17 +1,21 @@
 :host {
     display: flex;
     flex-direction: column;
+
     .long-press-container {
         display: flex;
         margin-top: 3rem;
+
         b {
             margin-right: 0.6em;
         }
+
         .secondary-role {
-             width: 135px;
+            width: 135px;
         }
+
         icon {
             margin-left: 0.6em;
         }
     }
-}
+}

src/components/popover/tab/layer-tab.component.scss

@@ -4,4 +4,4 @@
     span {
         margin: 0 5px;
     }
-}
+}

src/components/popover/tab/macro-item.component.scss

@@ -1,14 +1,13 @@
 :host {
     display: flex;
     flex-shrink: 0;
-    
+
     icon {
         margin: 0 5px;
     }
-    
+
     div {
         display: flex;
         flex: 1;
     }
-    
+}
-}

src/components/popover/tab/macro-tab.component.scss

@@ -1,28 +1,29 @@
 :host {
     display: flex;
     flex-direction: column;
+
     .macro-selector {
         display: flex;
         margin-top: 2px;
-        
+
         b {
             margin-right: 7px;
         }
-        
+
         select {
             flex: 1;
         }
     }
-    
+
     .macro-action-container {
         display: flex;
         flex-direction: column;
         min-height: 200px;
         max-height: 300px;
-        margin: 20px 0px;
+        margin: 20px 0;
         overflow-x: hidden;
         overflow-y: auto;
-        
+
         macro-item {
             border: 1px solid #ddd;
             padding: 10px;
@@ -40,4 +41,4 @@
             margin-bottom: 0;
         }
     }
-}
+}

src/components/popover/tab/mouse-tab.component.scss

@@ -2,7 +2,7 @@
     display: flex;
 
     .mouse-action {
-        ul{
+        ul {
             border-right: 1px solid #ccc;
             li {
                 a {

src/components/popover/widgets/icon.component.scss

@@ -1,4 +1,4 @@
 :host {
     display: flex;
     align-items: center;
-}
+}

src/main-app.component.scss

@@ -2,13 +2,13 @@
     display: flex;
     flex-direction: column;
     overflow: hidden;
-}
 
-:host > div:first-child {
+    > div:first-child {
-    display: flex;
+        display: flex;
-    flex: 1;
+        flex: 1;
-    align-items: center;
+        align-items: center;
-    justify-content: center;
+        justify-content: center;
+    }
 }
 
 button {
@@ -53,6 +53,6 @@ button {
 }
 
 [hidden] {
-    display: none
+    display: none;
 }