[bugfix] Fix some styling issues

g3force · g3force · commit 39f0e14daa69 · 2019-05-29T20:50:11.000+02:00
diff --git a/src/App.vue b/src/App.vue
@@ -63,4 +63,8 @@
         bottom: 0;
         text-align: center;
     }
+
+    .view {
+        text-align: center;
+    }
 </style>
diff --git a/src/components/common/BotSelection.vue b/src/components/common/BotSelection.vue
@@ -1,5 +1,5 @@
 <template>
-    <b-form-group :label="label" horizontal>
+    <b-form-group :label="label" label-cols-horizontal>
         <input type="number"
                v-model="model.id"
                :min="0"
@@ -28,4 +28,4 @@
 </script>
 
 <style scoped>
-</style>
+</style>
diff --git a/src/components/common/DualSwitch.vue b/src/components/common/DualSwitch.vue
@@ -47,7 +47,7 @@
 <style scoped>
 
     button, .switch {
-        margin: 0.5em;
+        margin: 0.25em;
     }
 
     .btn-active {
diff --git a/src/components/common/LocationSelection.vue b/src/components/common/LocationSelection.vue
@@ -1,5 +1,5 @@
 <template>
-    <b-form-group :label="label" horizontal>
+    <b-form-group :label="label" label-cols-horizontal>
         <input type="number"
                v-model="model.x"
                :min="-99000.0"
@@ -33,4 +33,4 @@
 </script>
 
 <style scoped>
-</style>
+</style>
diff --git a/src/components/common/TeamSelection.vue b/src/components/common/TeamSelection.vue
@@ -1,5 +1,5 @@
 <template>
-    <b-form-group :label="label" horizontal>
+    <b-form-group :label="label" label-cols-horizontal>
         <b-form-radio-group id="select-team" v-model="model.team" buttons>
             <b-form-radio value="Yellow">Yellow</b-form-radio>
             <b-form-radio value="Blue">Blue</b-form-radio>
diff --git a/src/components/events/NewEvent.vue b/src/components/events/NewEvent.vue
@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div class="view">
         <p>
             Choose a game event and issue it in the current match. Most events are usually issued automatically
             by automatic referees,
@@ -135,4 +135,4 @@
 
 <style scoped>
 
-</style>
+</style>
diff --git a/src/components/events/inputs/UnsportingBehaviorMajor.vue b/src/components/events/inputs/UnsportingBehaviorMajor.vue
@@ -4,7 +4,7 @@
             Major unsporting behavior results in a red card.
         </p>
         <TeamSelection :model="model" label="By: "/>
-        <b-form-group label="Reason: " horizontal>
+        <b-form-group label="Reason: " label-cols-horizontal>
             <input type="text"
                    v-model="model.reason"/>
         </b-form-group>
diff --git a/src/components/events/inputs/UnsportingBehaviorMinor.vue b/src/components/events/inputs/UnsportingBehaviorMinor.vue
@@ -4,7 +4,7 @@
             Minor unsporting behavior results in a yellow card.
         </p>
         <TeamSelection :model="model" label="By: "/>
-        <b-form-group label="Reason: " horizontal>
+        <b-form-group label="Reason: " label-cols-horizontal>
             <input type="text"
                    v-model="model.reason"/>
         </b-form-group>
diff --git a/src/components/settings/AutonomousSettings.vue b/src/components/settings/AutonomousSettings.vue
@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div class="view">
         <div class="auto-refs-connected" v-b-tooltip.hover :title="autoRefs">
             <p>
                 <b>{{autoRefsConnected}}</b> autoRefs connected.
diff --git a/src/components/settings/EventBehavior.vue b/src/components/settings/EventBehavior.vue
@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div class="view">
         <table>
             <tr v-for="eventType in eventTypes" :key="eventType">
                 <td align="left">{{eventType}}</td>
diff --git a/src/components/settings/MatchSettings.vue b/src/components/settings/MatchSettings.vue
@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div class="view">
         <p>
             <label>First kickoff team: </label>
             <DualSwitch
@@ -126,7 +126,8 @@
 </script>
 
 <style scoped>
-    button, .divisions {
-        margin: 0.5em;
+    button {
+        margin-right: 0.25em;
+        margin-left: 0.25em;
     }
 </style>
diff --git a/src/components/settings/Settings.vue b/src/components/settings/Settings.vue
@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div class="view">
         <a v-b-modal.settings-modal>
             <font-awesome-icon icon="cog" class="fa-lg"></font-awesome-icon>
         </a>
@@ -32,8 +32,4 @@
 </script>
 
 <style scoped>
-    button, .btn-group {
-        margin-right: 0.5em;
-        margin-bottom: 0.5em;
-    }
 </style>
diff --git a/src/components/settings/TeamSettings.vue b/src/components/settings/TeamSettings.vue
@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div class="view">
         <table class="table-layout">
             <tr>
                 <th class="team-yellow">Yellow</th>

Original file line number	Diff line number	Diff line change
`@@ -63,4 +63,8 @@`
`63`	`63`	`bottom: 0;`
`64`	`64`	`text-align: center;`
`65`	`65`	`}`
	`66`	`+`
	`67`	`+ .view {`
	`68`	`+ text-align: center;`
	`69`	`+ }`
`66`	`70`	`</style>`
Original file line number	Diff line number	Diff line change
`@@ -47,7 +47,7 @@`
`47`	`47`	`<style scoped>`
`48`	`48`
`49`	`49`	`button, .switch {`
`50`		`- margin: 0.5em;`
	`50`	`+ margin: 0.25em;`
`51`	`51`	`}`
`52`	`52`
`53`	`53`	`.btn-active {`