Clean up css

Trinovantes · Jun 4, 2021 · acd3d6a · acd3d6a
1 parent 06df6b6
commit acd3d6a
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 29 deletions.
diff --git a/src/components/Settings.vue b/src/components/Settings.vue
@@ -89,15 +89,6 @@ export default defineComponent({
     }
 }
 
-.actions{
-    display: flex;
-    gap: math.div($padding, 2);
-
-    .hspace{
-        flex: 1;
-    }
-}
-
 label{
     @extend .margins;
 
@@ -107,17 +98,26 @@ label{
     font-weight: bold;
     gap: math.div($padding, 2);
     grid-template-columns: 1fr 2fr;
+}
+
+input{
+    font-weight: normal;
 
-    input{
-        font-weight: normal;
+    border: $border;
+    border-radius: $border-radius;
+    padding: math.div($padding, 4);
 
-        border: $border;
-        border-radius: $border-radius;
-        padding: math.div($padding, 4);
+    &:focus{
+        border-color: black;
+    }
+}
 
-        &:focus{
-            border-color: black;
-        }
+.actions{
+    display: flex;
+    gap: math.div($padding, 2);
+
+    .hspace{
+        flex: 1;
     }
 }
 

diff --git a/src/components/UserscriptApp.vue b/src/components/UserscriptApp.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="userscript-app">
+    <div class="userscript-delete-workflow-runs">
         <div v-if="isOpen" class="dialog-wrapper">
             <div class="dialog">
                 <h1>
@@ -94,8 +94,8 @@ export default defineComponent({
 })
 </script>
 
-<style lang="scss" scoped>
-.userscript-app{
+<style lang="scss">
+.userscript-delete-workflow-runs{
     *{
         background: none;
         outline: none;
@@ -109,15 +109,6 @@ export default defineComponent({
         line-height: 1.5;
     }
 
-    a{
-        color: blue;
-        text-decoration: none;
-
-        &:hover{
-            text-decoration: underline;
-        }
-    }
-
     a.stop-btn,
     a.start-btn,
     a.settings-btn{
@@ -175,6 +166,13 @@ export default defineComponent({
             a.url{
                 display: block;
                 margin-bottom: $padding;
+
+                color: blue;
+                text-decoration: none;
+
+                &:hover{
+                    text-decoration: underline;
+                }
             }
         }
     }