From 0cccbdddb54d9b3458c00d53514dd4677fffca78 Mon Sep 17 00:00:00 2001
From: Marco van Dijk <marco@stronk.rocks>
Date: Sat, 12 Mar 2022 18:40:35 +0100
Subject: [PATCH] Even better buttons

---
 src/components/BlockViewer.js | 10 +++++-----
 src/components/eventButton.js | 16 +++++++++++-----
 2 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/components/BlockViewer.js b/src/components/BlockViewer.js
index f2a3b8e..fa74a17 100644
--- a/src/components/BlockViewer.js
+++ b/src/components/BlockViewer.js
@@ -7,14 +7,14 @@ const Block = (obj) => {
   const [thisDate, thisTime] = dateObj.toISOString().split('T');
   return (
     <div className="rowAlignLeft" style={{ width: '100%', marginTop: '1em' }}>
-      <a className="selectOrch" style={{cursor: 'alias'}} target="_blank" rel="noopener noreferrer" href={obj.url}>
+      <a className="selectOrch" style={{ cursor: 'alias' }} target="_blank" rel="noopener noreferrer" href={obj.url}>
         <img alt="" src="arb.svg" width="30em" height="30em" />
       </a>
+      <a className="selectOrch" style={{ cursor: 'alias' }} target="_blank" rel="noopener noreferrer" href={"https://arbiscan.io/block/" + obj.block}>
+        <h2 style={{ margin: 0, padding: '0.2em', cursor: 'alias' }}>🔗</h2>
+      </a>
       <span className="rowAlignRight elipsText">
-        <a className="selectOrch" style={{cursor: 'alias'}} target="_blank" rel="noopener noreferrer" href={"https://arbiscan.io/block/" + obj.block}>
-          🔗{obj.block}
-        </a>
-        <p className="darkText">📅{thisDate} - {thisTime.split('.')[0]} </p>
+        <p className="darkText">UTC&nbsp;📅{thisDate} - {thisTime.split('.')[0]} </p>
       </span>
     </div>
   )
diff --git a/src/components/eventButton.js b/src/components/eventButton.js
index baca18b..339652c 100644
--- a/src/components/eventButton.js
+++ b/src/components/eventButton.js
@@ -78,17 +78,23 @@ const EventButton = (obj) => {
   }
 
   return (
-    <div className="stroke" style={{ width: '100%', padding: 0, margin: 0, marginBottom: '1.0em' }}>
+    <div className="stroke" style={{ width: '100%', padding: '0', margin: 0, marginBottom: '1.0em' }}>
       {blockNumber}
-      <div className="strokeSmollLeft" style={{ borderRadius: "1.2em", backgroundColor: obj.eventObj.eventColour, boxShadow: "5px 8px 5px 4px  " + obj.eventObj.eventColour, padding: 0, margin: 0, width: '100%' }}>
-        {eventCaller}
+      <div className="strokeSmollLeft" style={{ borderRadius: "1.2em", backgroundColor: obj.eventObj.eventColour, boxShadow: "5px 8px 5px 4px  " + obj.eventObj.eventColour, padding: '0', margin: 0, width: '100%' }}>
+        <div className="rowAlignLeft" style={{marginTop: '0.5em'}}>
+          {eventCaller}
+        </div>
         <div className="row">
           <p className="row withWrap" style={{ maxWidth: '61.8%', textAlign: 'justify', padding: '0.5em', border: '0.1em solid rgba(54, 46, 46, 0.1)', boxShadow: "4px 2px 3px 2px rgba(54, 46, 46, 0.1)" }}>
             💬 {obj.eventObj.eventDescription}
           </p>
         </div>
-        {eventFrom}
-        {eventTo}
+        <div className="rowAlignLeft">
+          {eventFrom}
+        </div>
+        <div className="rowAlignLeft">
+          {eventTo}
+        </div>
       </div>
     </div>
   )