[refactoring] Centralize edit button margins

g3force · g3force · commit cf2a8924131a · 2019-05-30T15:42:16.000+02:00
diff --git a/src/assets/css/style.css b/src/assets/css/style.css
@@ -20,6 +20,11 @@ button, .btn-group {
     margin: 0.25em;
 }
 
+.btn-edit {
+    margin-left: 0.3em;
+    margin-right: 0.3em;
+}
+
 .game-controller-container {
     text-align: center;
 }
diff --git a/src/components/common/DualSwitch.vue b/src/components/common/DualSwitch.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="switch btn-group-toggle btn-group">
+    <div class="btn-group-toggle btn-group">
         <label v-b-tooltip.hover
                :title="leftTitle"
                :class="{btn:true, 'btn-active': (selectedValue === leftValue), 'btn-passive': (selectedValue !== leftValue)}"
@@ -46,10 +46,6 @@
 
 <style scoped>
 
-    .switch {
-        margin: 0.25em;
-    }
-
     .btn-active {
         background-color: green;
         border-color: green;
diff --git a/src/components/common/EditableLabelDuration.vue b/src/components/common/EditableLabelDuration.vue
@@ -47,9 +47,4 @@
     input {
         text-align: center;
     }
-
-    .btn-edit {
-        margin-left: 0.3em;
-        margin-right: 0.3em;
-    }
 </style>
diff --git a/src/components/common/EditableLabelNumber.vue b/src/components/common/EditableLabelNumber.vue
@@ -65,9 +65,4 @@
     input {
         text-align: center;
     }
-
-    .btn-edit {
-        margin-left: 0.5em;
-        margin-right: 0.3em;
-    }
 </style>
diff --git a/src/components/common/EditableLabelSelect.vue b/src/components/common/EditableLabelSelect.vue
@@ -52,10 +52,6 @@
 </script>
 
 <style scoped>
-    .btn-edit {
-        margin-left: 0.3em;
-        margin-right: 0.3em;
-    }
     select {
         width: auto !important;
     }
diff --git a/src/components/common/EditableLabelText.vue b/src/components/common/EditableLabelText.vue
@@ -54,9 +54,4 @@
     input {
         text-align: center;
     }
-
-    .btn-edit {
-        margin-left: 0.3em;
-        margin-right: 0.3em;
-    }
 </style>
diff --git a/src/components/settings/team/TeamBallPlacement.vue b/src/components/settings/team/TeamBallPlacement.vue
@@ -36,8 +36,4 @@
 </script>
 
 <style scoped>
-    .btn-edit {
-        margin-left: 0.3em;
-        margin-right: 0.3em;
-    }
 </style>
diff --git a/src/components/team/TeamBotSubstitution.vue b/src/components/team/TeamBotSubstitution.vue
@@ -35,8 +35,4 @@
 </script>
 
 <style scoped>
-    .btn-edit {
-        margin-left: 0.3em;
-        margin-right: 0.3em;
-    }
 </style>

Original file line number	Diff line number	Diff line change
`@@ -20,6 +20,11 @@ button, .btn-group {`
`20`	`20`	`margin: 0.25em;`
`21`	`21`	`}`
`22`	`22`
	`23`	`+.btn-edit {`
	`24`	`+ margin-left: 0.3em;`
	`25`	`+ margin-right: 0.3em;`
	`26`	`+}`
	`27`	`+`
`23`	`28`	`.game-controller-container {`
`24`	`29`	`text-align: center;`
`25`	`30`	`}`