From 719cdd3a9d7a5dc604a89bb4e63904e4eaeaa290 Mon Sep 17 00:00:00 2001
From: kushalpandya <kushal@gitlab.com>
Date: Tue, 7 Nov 2017 16:50:19 +0530
Subject: Update CSS to use flexbox for branch and tag labels

---
 app/assets/stylesheets/framework/wells.scss | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

(limited to 'app')

diff --git a/app/assets/stylesheets/framework/wells.scss b/app/assets/stylesheets/framework/wells.scss
index 175b2ee7152..8e1092c6df8 100644
--- a/app/assets/stylesheets/framework/wells.scss
+++ b/app/assets/stylesheets/framework/wells.scss
@@ -66,30 +66,30 @@
   }
 
   .limit-box {
+    display: inline-flex;
+    align-items: center;
+    padding: 1px;
     background: $blue-100;
     border-radius: $border-radius-default;
-    display: inline-block;
-    padding: 1px 2px 0.5px;
     text-align: center;
-    vertical-align: bottom;
 
     &:hover {
       background: $blue-200;
     }
 
     .limit-icon {
-      float: left;
       width: 15%;
     }
 
     .limit-message {
+      flex: 1;
+      height: 16px;
+      margin-right: 2px;
       background: $white-light;
-      border-radius: 0 3px 3px 0;
+      border-top-right-radius: $border-radius-default;
+      border-bottom-right-radius: $border-radius-default;
       font-family: $regular_font;
       font-size: 12px;
-      float: right;
-      margin-top: 1px;
-      width: 85%;
     }
   }
 }
-- 
cgit v1.2.1