refactor(smartTables): fix td align

src/app/pages/tables/widgets/editableRowTable.html

@@ -3,12 +3,16 @@
 </div>
 <table class="table table-bordered table-hover table-condensed">
   <tr>
+    <td></td>
     <td>Name</td>
     <td>Status</td>
     <td>Group</td>
-    <td>Edit</td>
+    <td>Actions</td>
   </tr>
   <tr ng-repeat="user in users" class="editable-row">
+    <td>
+        {{$index}}
+    </td>
     <td>
         <span editable-text="user.name" e-name="name" e-form="rowform" e-required>
           {{ user.name || 'empty' }}
@@ -27,7 +31,7 @@
         </span>
     </td>
     <td>
-      <form editable-form name="rowform" ng-show="rowform.$visible" class="form-buttons form-inline text-center"
+      <form editable-form name="rowform" ng-show="rowform.$visible" class="form-buttons form-inline"
             shown="inserted == user">
         <button type="submit" ng-disabled="rowform.$waiting" class="btn btn-primary editable-table-button btn-xs">
           Save
@@ -36,7 +40,7 @@
           Cancel
         </button>
       </form>
-      <div class="buttons text-center" ng-show="!rowform.$visible">
+      <div class="buttons" ng-show="!rowform.$visible">
         <button class="btn btn-primary editable-table-button btn-xs" ng-click="rowform.$show()">Edit</button>
         <button class="btn btn-danger editable-table-button btn-xs" ng-click="removeUser($index)">Delete</button>
       </div>

src/app/pages/ui/panels/panels.html

@@ -2,21 +2,21 @@
 <div class="row">
 
   <div class="col-md-12 col-lg-4">
-    <div ba-panel ba-panel-class="xsmall-panel">
+    <div ba-panel ba-panel-class="xsmall-panel light-text">
       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris ac mi erat. Phasellus placerat, elit a laoreet
       semper, enim ipsum ultricies orci, ac tincidunt tellus massa eu est. Nam non porta purus, sed facilisis justo. Nam
       pulvinar sagittis quam.
     </div>
   </div>
   <div class="col-md-12 col-lg-4">
-    <div ba-panel ba-panel-title="Panel with header" ba-panel-class="xsmall-panel">
+    <div ba-panel ba-panel-title="Panel with header" ba-panel-class="xsmall-panel light-text">
       Phasellus maximus venenatis augue, et vestibulum neque aliquam ut. Morbi mattis libero vitae vulputate dignissim.
       Praesent placerat, sem non dapibus cursus, lacus nisi blandit quam, vitae porttitor lectus lacus non turpis. Donec
       suscipit consequat tellus.
     </div>
   </div>
   <div class="col-md-12 col-lg-4">
-    <div ba-panel ba-panel-title="Panel with header & scroll" ba-panel-class="xsmall-panel with-scroll">
+    <div ba-panel ba-panel-title="Panel with header & scroll" ba-panel-class="xsmall-panel with-scroll light-text">
       <p>
         Suspendisse nec tellus urna. Sed id est metus. Nullam sit amet dolor nec ipsum dictum suscipit. Mauris sed nisi
         mauris. Nulla iaculis nisl ut velit ornare imperdiet. Suspendisse potenti. In tempor leo sed sem malesuada

src/sass/theme/_table.scss

@@ -81,6 +81,10 @@
   margin-bottom: 10px;
 }
 
+.add-row-editable-table + table{
+  margin-bottom: 5px;
+}
+
 .select-page-size-wrap {
   width: 150px;
 }

src/sass/theme/bootstrap-overrides/_panel.scss

@@ -173,6 +173,10 @@ $panel-heading-font-size: 16px;
   height: 142px;
 }
 
+.light-text{
+  font-weight: $font-light;
+}
+
 /*
 .panel-group .panel {
   border-radius: 0;