Merge pull request #2178 from loganhz/created

Update created column style

app/authenticated/apikeys/controller.js

@@ -33,18 +33,19 @@ export default Controller.extend({
       sort:           ['description', 'name', 'id'],
       translationKey: 'apiPage.table.description',
     },
-    {
-      name:           'created',
-      sort:           ['created', 'name', 'id'],
-      translationKey: 'apiPage.table.created',
-      width:          150,
-    },
     {
       name:           'expires',
       sort:           ['expiresAt', 'name', 'id'],
       translationKey: 'apiPage.table.expires.label',
       width:          175,
     },
+    {
+      classNames:     'text-right pr-20',
+      name:           'created',
+      sort:           ['created', 'name', 'id'],
+      translationKey: 'apiPage.table.created',
+      width:          175,
+    },
   ],
 
   project:           alias('scope.currentProject'),

app/authenticated/project/config-maps/index/controller.js

@@ -29,6 +29,7 @@ export const headers = [
     sort:           ['firstKey', 'name', 'id'],
   },
   {
+    classNames:     'text-right pr-20',
     name:           'created',
     translationKey: 'generic.created',
     sort:           ['created:desc', 'name', 'id'],

app/authenticated/project/ns/index/controller.js

@@ -19,6 +19,7 @@ export const headers = [
     translationKey: 'namespacesPage.table.name.label',
   },
   {
+    classNames:     'text-right pr-20',
     name:           'created',
     sort:           ['created', 'id'],
     searchField:    'created',

app/authenticated/project/ns/index/template.hbs

@@ -36,7 +36,7 @@
             <p class="text-small text-muted m-0">{{linkify obj.description}}</p>
           {{/if}}
         </td>
-        <td>
+        <td data-title="{{dt.created}}" class="text-right pr-20">
           {{date-calendar obj.created}}
         </td>
         <td data-title="{{t 'generic.actions'}}:" class="actions">

app/authenticated/project/secrets/index/controller.js

@@ -41,6 +41,7 @@ export default Controller.extend({
       sort:           ['firstKey', 'name', 'id'],
     },
     {
+      classNames:     'text-right pr-20',
       name:           'created',
       translationKey: 'generic.created',
       sort:           ['created:desc', 'name', 'id'],

app/components/apikey-row/template.hbs

@@ -14,9 +14,6 @@
     <span class="text-muted">{{t 'generic.none'}}</span>
   {{/if}}
 </td>
-<td data-title="{{dt.created}}">
-  {{date-from-now model.created}}
-</td>
 <td data-title="{{dt.expires}}">
   {{#if model.expiresAt}}
     {{date-calendar model.expiresAt}}
@@ -24,6 +21,9 @@
     <span class="text-muted">{{t 'generic.never'}}</span>
   {{/if}}
 </td>
+<td data-title="{{dt.created}}" class="text-right pr-20">
+  {{date-from-now model.created}}
+</td>
 <td data-title="{{dt.actions}}" class="actions">
   {{action-menu model=model}}
 </td>

app/components/config-map-row/template.hbs

@@ -23,7 +23,7 @@
   <td data-title="{{dt.keys}}">
     {{join-array model.keys}}
   </td>
-  <td data-title="{{dt.created}}">
+  <td data-title="{{dt.created}}" class="text-right pr-20">
     {{date-from-now model.created}}
   </td>
   <td data-title="{{dt.actions}} "class="actions">

app/components/namespace-list/component.js

@@ -24,6 +24,7 @@ export const headers = [
     translationKey: 'namespacesPage.table.project.label',
   },
   {
+    classNames:     'text-right pr-20',
     name:           'created',
     sort:           ['created', 'id'],
     searchField:    'created',

app/components/namespace-list/template.hbs

@@ -33,7 +33,7 @@
           <b>None</b>
         {{/if}}
       </td>
-      <td>
+      <td class="text-right pr-20">
         {{date-calendar obj.created}}
       </td>
       <td data-title="{{t 'generic.actions'}}:" class="actions">

app/components/namespace-table/component.js

@@ -17,6 +17,7 @@ const headers = [
     translationKey: 'projectsPage.ns.label',
   },
   {
+    classNames:     'text-right pr-20',
     name:           'created',
     sort:           ['createdTs'],
     translationKey: 'projectsPage.created.label',

app/components/namespace-table/template.hbs

@@ -34,7 +34,7 @@
           <p class="text-small text-muted m-0">{{linkify ns.description}}</p>
         {{/if}}
       </td>
-      <td>
+      <td class="text-right pr-20">
         {{date-calendar ns.created}}
       </td>
       <td data-title="{{t 'generic.actions'}}:" class="actions">

app/components/notifier/notifier-row/template.hbs

@@ -20,7 +20,7 @@
   {{/if}}
 </td>
 
-<td data-title="{{dt.created}}" class="clip">
+<td data-title="{{dt.created}}" class="text-right pr-20">
   {{model.displayCreated}}
 </td>
 

app/components/notifier/notifier-table/component.js

@@ -25,6 +25,7 @@ const headers = [
     searchField:    ['notifierType', 'notifierLabel', 'notifierValue'],
   },
   {
+    classNames:     'text-right pr-20',
     translationKey: 'notifierPage.index.table.created',
     name:           'created',
     searchField:    'displayCreated',

app/components/secret-row/template.hbs

@@ -23,7 +23,7 @@
   <td data-title="{{dt.keys}}">
     {{join-array model.keys}}
   </td>
-  <td data-title="{{dt.created}}">
+  <td data-title="{{dt.created}}" class="text-right pr-20">
     {{date-from-now model.created}}
   </td>
   <td data-title="{{dt.actions}} "class="actions">

app/ingresses/index/controller.js

@@ -32,6 +32,7 @@ export default Controller.extend({
       translationKey: 'ingressPage.table.targets.label',
     },
     {
+      classNames:     'text-right pr-20',
       name:           'created',
       sort:           ['created', 'id'],
       searchField:    'created',

app/ingresses/index/template.hbs

@@ -58,7 +58,7 @@
               </div>
             {{/each}}
           </td>
-          <td data-title="{{dt.created}}">
+          <td data-title="{{dt.created}}" class="text-right pr-20">
             {{date-calendar inst.created}}
           </td>
           <td data-title="{{dt.actions}}" class="actions">

lib/global-admin/addon/components/cluster-row/template.hbs

@@ -17,7 +17,7 @@
     {{/if}}
   </td>
   {{#if (eq model.state "inactive")}}
-    <td colspan="4" class="text-center">
+    <td colspan="3" class="text-center">
       {{t 'clusterRow.noHosts'}}
     </td>
   {{else}}