prefs and empty tables

app/components/empty-table/component.js

@@ -1,6 +1,6 @@
 import Ember from 'ember';
 
 export default Ember.Component.extend({
-  classNames: ['row'],
+  classNames: ['row border-dash'],
   showNew: true,
 });

app/components/settings/billing-info/template.hbs

@@ -1,5 +1,4 @@
 <h2>{{t 'billingInfo.header'}}</h2>
-<hr/>
 {{#if cards}}
   <table class="grid table table-hover mb-15 no-lines">
     <tbody>
@@ -19,9 +18,8 @@
     </tbody>
   </table>
 {{else}}
-  <div class="text-center text-muted">{{t 'billingInfo.noSub'}}</div>
+  <div class="text-center text-muted border-dash p-20 mb-20">{{t 'billingInfo.noSub'}}</div>
 {{/if}}
-<hr/>
 <div class="text-center">
   <button class="btn bg-primary" onclick={{action 'addNew'}} disabled={{if (gte cards.length 1) 'true' ''}}>{{t 'billingInfo.addNew'}}</button>
 </div>

app/components/settings/user-info/template.hbs

@@ -1,19 +1,19 @@
 <h2>{{t 'userPreferencesPage.generalInfo.header'}}</h2>
-<hr />
-<div class="row">
+{{!-- <hr />
+ --}}<div class="row">
   <div class="col span-12">
-    <label>{{t 'userPreferencesPage.generalInfo.name.label'}}</label>
+    <label class="acc-label">{{t 'userPreferencesPage.generalInfo.name.label'}}</label>
     {{input-or-display editable=editing value=account.name}}
   </div>
 </div>
 <div class="row">
   <div class="col span-12">
-    <label>{{t (if app.isCaas 'userPreferencesPage.generalInfo.email.label' 'userPreferencesPage.generalInfo.username.label')}}</label>
+    <label class="acc-label">{{t (if app.isCaas 'userPreferencesPage.generalInfo.email.label' 'userPreferencesPage.generalInfo.username.label')}}</label>
     {{input-or-display editable=editing value=account.login}}
   </div>
 </div>
-<hr />
-<div class="row text-center">
+{{!-- <hr />
+ --}}<div class="row text-center">
   <div class="col span-12">
     <button class="btn bg-primary" {{action 'editPassword'}}>{{t 'userPreferencesPage.generalInfo.password.text'}}</button>
   </div>