From 0a51f518b6b0223b3374934f149365898a01dac5 Mon Sep 17 00:00:00 2001
From: Nancy Butler <42977925+mantis-toboggan-md@users.noreply.github.com>
Date: Wed, 13 Nov 2019 13:40:09 -0700
Subject: [PATCH] adjust table styling for better alignment

---
 components/SortableTable/THead.vue             | 2 +-
 components/detail/rio.cattle.io.v1.service.vue | 1 +
 components/formatters/BadgeState.vue           | 4 ++--
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/components/SortableTable/THead.vue b/components/SortableTable/THead.vue
index 0b1afb213c..08c2efc335 100644
--- a/components/SortableTable/THead.vue
+++ b/components/SortableTable/THead.vue
@@ -104,7 +104,7 @@ export default {
 <template>
   <thead>
     <tr>
-      <th v-if="tableActions" :width="checkWidth">
+      <th v-if="tableActions" :width="checkWidth" align="center">
         <input
           v-model="isAll"
           class="check"
diff --git a/components/detail/rio.cattle.io.v1.service.vue b/components/detail/rio.cattle.io.v1.service.vue
index 517ef66f14..1e676cfd2d 100644
--- a/components/detail/rio.cattle.io.v1.service.vue
+++ b/components/detail/rio.cattle.io.v1.service.vue
@@ -310,6 +310,7 @@ export default {
   }
   .flatter{
     display: flex;
+    min-height: 75px;
     & > * {
       margin-right: 20px;
       padding: 10px 0 10px 0;
diff --git a/components/formatters/BadgeState.vue b/components/formatters/BadgeState.vue
index 6cc7bc45c3..179ebe45f4 100644
--- a/components/formatters/BadgeState.vue
+++ b/components/formatters/BadgeState.vue
@@ -28,7 +28,7 @@ export default {
   @import "@/assets/styles/base/_mixins.scss";
 
   .badge-state {
-    padding: 5px;
+    padding: 5px 5px 5px 0;
     border: 1px solid transparent;
     border-radius: 2px;
 
@@ -44,7 +44,7 @@ export default {
     display: inline-block;
     max-width: 100%;
     position: relative;
-    padding: 1px 10px;
+    padding: 1px 10px 1px 0;
     font-size: 1em;
     max-width: 110px;
     font-size: .85em;