[#501] Refactor layout to remove |.

data61 · Sep 17, 2019 · 03c2c53 · 03c2c53
1 parent 281d0ee
commit 03c2c53
Showing 1 changed file with 32 additions and 38 deletions.
diff --git a/projects/web/src/components/viewTrail.tsx b/projects/web/src/components/viewTrail.tsx
@@ -58,44 +58,38 @@ export function ViewTrail(props: SubmitProps) {
         <div className="border-bottom pad-tb">
           <div className="container">
             <h3>View Trail</h3>
-            <div className="row">
-              <div className="column border-right">
-                <label>Trail Entry Identifier (Signature or Event Id)
-                  <input type="text"
-                         placeholder="Trail Entry Signature or Event Id"
-                         value={signaturesText}
-                         onChange={(e) => setSignaturesText(e.target.value)}
-                  />
-                </label>
-                <button onClick={retrieveTrail}>Retrieve Trail</button>
-              </div>
-            </div>
-            <div className="row">
-              <div>
-                <table>
-                  <thead>
-                    <tr>
-                      <th>Signature</th>
-                      <th>Timestamp</th>
-                      <th>Event Id</th>
-                      <th>Org Identifier</th>
-                      <th>Previous Signatures</th>
-                    </tr>
-                  </thead>
-                  <tbody>{trail.map(function(item, key) {
-                    return (
-                      <tr key = {item.signature}>
-                        <td>{item.signature}</td>
-                        <td>{item.timestamp}</td>
-                        <td>{item.event_id}</td>
-                        <td>{item.org}</td>
-                        <td>{item.previous_signatures.join(", ")}</td>
-                      </tr>
-                    )
-                  })}</tbody>
-                </table>
-              </div>
-            </div>
+            <label>Trail Entry Identifier (Signature or Event Id)
+            <input type="text"
+                   placeholder="Trail Entry Signature or Event Id"
+                   value={signaturesText}
+                   onChange={(e) => setSignaturesText(e.target.value)}
+              />
+            </label>
+            <button onClick={retrieveTrail}>Retrieve Trail</button>
+          </div>
+          <div className="container">
+            <table>
+              <thead>
+                <tr>
+                  <th>Signature</th>
+                  <th>Timestamp</th>
+                  <th>Event Id</th>
+                  <th>Org Identifier</th>
+                  <th>Previous Signatures</th>
+                </tr>
+              </thead>
+              <tbody>{trail.map(function(item, key) {
+                return (
+                  <tr key = {item.signature}>
+                    <td>{item.signature}</td>
+                    <td>{item.timestamp}</td>
+                    <td>{item.event_id}</td>
+                    <td>{item.org}</td>
+                    <td>{item.previous_signatures.join(", ")}</td>
+                  </tr>
+                )
+              })}</tbody>
+            </table>
           </div>
         </div>
       </div >