Give the domain name a bit more space

Fixes #340

webadmin/src/js/index.js

@@ -471,7 +471,7 @@ app.directive('tagInput', function () {
 app.config(['fitTextConfigProvider', function (fitTextConfigProvider) {
   fitTextConfigProvider.config = {
     loadDelay: 250,
-    compressor: 0.8,
+    compressor: 0.9,
     min: 8,
     max: 24
   };

webadmin/src/theme.scss

@@ -170,7 +170,17 @@ h1, h2, h3 {
 
 .grid-item {
     padding: 10px;
-    min-width: 200px;
+    min-width: 210px;
+
+    .col-xs-12 {
+        padding-left: 5px;
+        padding-right: 5px;
+
+        .status, .status {
+            padding-left: 5px;
+            padding-right: 5px;
+        }
+    }
 }
 
 .grid-item:hover .grid-item-bottom {

webadmin/src/views/apps.html

@@ -390,10 +390,10 @@
                         <div class="row">
                             <div class="col-xs-12 text-center">
                                 <div class="grid-item-top-title" data-fittext>{{ app.altDomain || app.location || app.fqdn }}</div>
-                                <div class="text-muted" style="text-overflow: ellipsis; white-space: nowrap; overflow: hidden">
+                                <div class="text-muted status" style="text-overflow: ellipsis; white-space: nowrap; overflow: hidden">
                                     {{ app | installationStateLabel }}
                                 </div>
-                                <div ng-style="{ 'visibility': (app | installationActive) ? 'visible' : 'hidden' }">
+                                <div class="status" ng-style="{ 'visibility': (app | installationActive) ? 'visible' : 'hidden' }">
                                     <div class="progress progress-striped active">
                                         <div class="progress-bar progress-bar-success" role="progressbar" style="width: {{ app.progress }}%"></div>
                                     </div>