import table styles

jshmrtn · Jun 23, 2021 · f40535d · f40535d
1 parent 94c6901
commit f40535d
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 12 deletions.
diff --git a/apps/hygeia_web/lib/hygeia_web/live/row_live/index.scss b/apps/hygeia_web/lib/hygeia_web/live/row_live/index.scss
@@ -0,0 +1,7 @@
+.component-row-index {
+  .identifiers {
+    .form-group:last-child {
+      margin-bottom: 0;
+    }
+  }
+}
diff --git a/apps/hygeia_web/lib/hygeia_web/live/row_live/index.sface b/apps/hygeia_web/lib/hygeia_web/live/row_live/index.sface
@@ -15,31 +15,31 @@
           <th>
             {schema_field_name(:status, Row)}
           </th>
-
           <th />
         </tr>
       </thead>
       <tbody id="rows">
         <tr :for={row <- @rows} id={"row-#{row.uuid}"}>
-          <td>
-            <dl>
-              {#for {field_name, field_value} <- row.identifiers}
-                <dt>{field_name}</dt>
-                <dd>{field_value}</dd>
-              {/for}
-            </dl>
+          <td class="hy-readonly-form identifiers">
+            {#for {field_name, field_value} <- row.identifiers}
+              <div class="form-group">
+                <label class="mb-0">{field_name}</label>
+                <div class="value">
+                  {field_value}
+                </div>
+              </div>
+            {/for}
           </td>
           <td>
             {Status.translate(row.status)}
           </td>
-
           <td>
             <div class="d-flex justify-content-end w-100">
               <LiveRedirect
                 to={Routes.row_apply_path(@socket, :apply, row)}
                 :if={authorized?(row, :details, auth) and row.status == :pending}
               >
-                <button class="ml-auto btn btn-sm btn-secondary">
+                <button class="ml-auto btn btn-sm btn-primary">
                   {gettext("Apply")}
                 </button>
               </LiveRedirect>

diff --git a/apps/hygeia_web/lib/hygeia_web/live/row_live/show.sface b/apps/hygeia_web/lib/hygeia_web/live/row_live/show.sface
@@ -17,11 +17,11 @@
       </button>
     </Link>
 
-    <div class="mt-4 mb-3">
+    <div class="mt-4 mb-3 alert alert-info">
       <strong>{gettext("Status")}:</strong> {Row.Status.translate(@row.status)}
     </div>
 
-    <div class=" mb-2 card data-card">
+    <div class="mb-2 card data-card">
       <details id="row_data">
         <summary class="card-header">
           {gettext("Import Data")}