loading and more tables

app/components/stack-app/template.hbs

@@ -1,4 +1,4 @@
-<table class="fixed">
+<table class="fixed no-bottom">
   <tbody>
     <tr>
       <td>

app/styles/components/_tables.scss

@@ -102,6 +102,11 @@ TABLE {
     &.fixed {
         table-layout: fixed;
         width: 100%;
+            &.no-bottom {
+                tbody > tr:last-child{
+                    border-bottom: none;
+                }
+            }
     }
     .fixed-header-actions {
         min-height: 40px;

app/styles/layout/_loading.scss

@@ -39,12 +39,12 @@
 
   &:before, &:after {
     content: "";
-    height: 20px;
-    width: 20px;
+    height: 25px;
+    width: 25px;
     background: $info;
     display: block;
     position: absolute;
-    animation: ball ease 3s;
+    animation: ball ease 2s;
     animation-iteration-count: infinite;
     transform-origin: 50% 50%;
     z-index: -1;
@@ -52,7 +52,7 @@
   }
 
   &:after {
-    animation-delay: .5s;
+    animation-delay: .25s;
   }
 }
 
@@ -63,14 +63,14 @@
     width: 12.5px;
     background: $secondary;
     position: absolute;
-    animation: lid ease-in-out 3s;
+    animation: lid ease-in-out 2s;
     animation-iteration-count: infinite;
     transform-origin: 0% 50%;
     left: 2px
   }
   &:after {
     right: 0;
-    animation: lidLeft ease-in-out 3s;
+    animation: lidLeft ease-in-out 2s;
     animation-iteration-count: infinite;
     transform-origin: 100% 50%;
     left:10.5px;
@@ -87,7 +87,7 @@
     opacity: .75;
   }
   100% {
-    transform: scaleX(1.0) scaleY(1.0);
+    transform: scaleX(0.75) scaleY(0.75);
     top: 0;
     opacity: 1;
   }

app/templates/ldap-config.hbs

@@ -99,7 +99,7 @@
         <div class="input-group">
           {{input-integer value=model.port min=1 max=65535 classNames="form-control"}}
                       <span class="input-group-addon bg-default">
-              <label class="pb-5">{{t 'ldap.accessConfig.port.checkbox'}} {{input type="checkbox" checked=model.tls}}</label>
+              <label>{{t 'ldap.accessConfig.port.checkbox'}} {{input type="checkbox" checked=model.tls}}</label>
             </span>
         </div>
       </div>