time-convertor-ts

commit b6f0131253187bb94c1b0f95724c063afd500317
parent f5ba71ad56eda8a886e9ae0b9ddd882a0b3c9e3d
Author: Agastya Chandrakant <acagastya@outlook.com>
Date:   Wed, 27 May 2020 15:55:41 +0530

centering the remove button

Diffstat:
M
src/App/comps/ShowSavedZones.tsx
 | 
27
++++++++++++++++++---------

1 file changed, 18 insertions(+), 9 deletions(-)
diff --git a/src/App/comps/ShowSavedZones.tsx b/src/App/comps/ShowSavedZones.tsx
@@ -20,15 +20,24 @@ function ShowSavedZones({
             key={zone}
             style={{ cursor: 'pointer' }}
           >
-            <h4>{friendlyStr(zone)}</h4>
-            <span>{displayTime({ fmtStr: HMSDMY, time, timezone: zone })}</span>
-            <button
-              className="btn btn-danger float-right"
-              type="button"
-              onClick={() => removeTimeZone(zone)}
-            >
-              Remove
-            </button>
+            <div className="row">
+              <div className="col">
+                <span className="h4">{friendlyStr(zone)}</span>
+                <br />
+                <span>
+                  {displayTime({ fmtStr: HMSDMY, time, timezone: zone })}
+                </span>
+              </div>
+              <div className="justify-content-center align-self-center col">
+                <button
+                  className="btn btn-danger float-right"
+                  onClick={() => removeTimeZone(zone)}
+                  type="button"
+                >
+                  Remove
+                </button>
+              </div>
+            </div>
           </li>
         ))}
       </ul>