From 7dc192a08128117403263dc3f4ace2bfedc9225e Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Wed, 16 May 2018 00:23:02 -0400
Subject: [PATCH] improving column alignment

---
 .../stylesheets/common/admin/admin_base.scss      | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/app/assets/stylesheets/common/admin/admin_base.scss b/app/assets/stylesheets/common/admin/admin_base.scss
index 46691cd492..97a863d70c 100644
--- a/app/assets/stylesheets/common/admin/admin_base.scss
+++ b/app/assets/stylesheets/common/admin/admin_base.scss
@@ -876,7 +876,7 @@ section.details {
 
   .upgrade-header {
     flex: 1 1 100%;
-    margin: 1em 0 1em 0;
+    margin: .25em 0 1em 0;
     @media screen and (max-width: 650px) {
        margin: 0;
     }      
@@ -897,10 +897,11 @@ section.details {
   .version-number {
     font-size: $font-up-2;
     line-height: $line-height-medium;
+    box-sizing: border-box;
     font-weight: bold;
-    margin: 0 5% 1em 0;
-    flex: 1 1 auto; 
-    min-width: 100px;
+    margin: 0 0 1em 0;
+    padding-right: 20px;
+    flex: 1 1 33.33%; 
     h3 {
       flex: 1 0 auto;
       white-space: nowrap;
@@ -915,10 +916,10 @@ section.details {
     display: flex;
     align-items: center;
     margin: 0 0 1em 0;
-    flex: 1 1 50%;
-    min-width: 250px;
-    max-width: 300px;  
+    flex: 1 1 33.33%;
+    box-sizing: border-box;    
     padding-right: 20px; 
+    min-width: 250px;
     @include small-width {
       max-width: unset;
     }