From a56755e2c6e50ae99d7aa26b31c1c265c054a51d Mon Sep 17 00:00:00 2001
From: Benedict Aas <x+g@shou.io>
Date: Tue, 20 Feb 2018 21:07:13 +0000
Subject: [PATCH] feat(GUI): add spacing to drive-selector labels (#2059)

We add a right margin to the drive-selector labels so they look nicer
when there are multiple.

Change-Type: patch
Changelog-Entry: Add spacing to the drive-selector warning/error labels.
---
 .../drive-selector/templates/drive-selector-modal.tpl.html    | 4 +---
 lib/gui/app/scss/components/_label.scss                       | 1 +
 lib/gui/css/main.css                                          | 3 ++-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/lib/gui/app/components/drive-selector/templates/drive-selector-modal.tpl.html b/lib/gui/app/components/drive-selector/templates/drive-selector-modal.tpl.html
index 0cef998c..2fca7178 100644
--- a/lib/gui/app/components/drive-selector/templates/drive-selector-modal.tpl.html
+++ b/lib/gui/app/components/drive-selector/templates/drive-selector-modal.tpl.html
@@ -31,9 +31,7 @@
               ng-class="{
                 'label-warning': status.type === modal.constraints.COMPATIBILITY_STATUS_TYPES.WARNING,
                 'label-danger': status.type === modal.constraints.COMPATIBILITY_STATUS_TYPES.ERROR
-              }">
-              {{ status.message }}
-            </span>
+              }">{{ status.message }}</span>
 
           </footer>
           <progress ng-if="drive.progress" value="{{ drive.progress }}" max="100"></progress>
diff --git a/lib/gui/app/scss/components/_label.scss b/lib/gui/app/scss/components/_label.scss
index 5069ab1d..567481b4 100644
--- a/lib/gui/app/scss/components/_label.scss
+++ b/lib/gui/app/scss/components/_label.scss
@@ -16,6 +16,7 @@
 
 .label {
   font-size: 9px;
+  margin-right: 4.5px;
 }
 
 .label-big {
diff --git a/lib/gui/css/main.css b/lib/gui/css/main.css
index 028562a0..57138136 100644
--- a/lib/gui/css/main.css
+++ b/lib/gui/css/main.css
@@ -6037,7 +6037,8 @@ body {
  * limitations under the License.
  */
 .label {
-  font-size: 9px; }
+  font-size: 9px;
+  margin-right: 4.5px; }
 
 .label-big {
   font-size: 11px;