change style to have bigger delete button

lib/public/scripts.js

@@ -110,12 +110,14 @@
     const deleteEl = document.createElement('a')
     deleteEl.setAttribute('href', 'javascript:void(0)')
     deleteEl.innerText = '✖︎'
+    deleteEl.classList.add('delete-record')
     deleteEl.addEventListener('click', (event) => {
       event.preventDefault()
       deleteTableRow(order, newRow)
     })
 
     const actionCol = document.createElement('td')
+    actionCol.classList.add('actions')
     actionCol.appendChild(downloadEl)
     actionCol.appendChild(deleteEl)
 

lib/public/service-worker.js

@@ -1,4 +1,4 @@
-// Worker v9
+// Worker v10
 
 self.addEventListener('install', (event) => {
   event.waitUntil(
@@ -7,7 +7,7 @@ self.addEventListener('install', (event) => {
         '/',
         '/favicon.ico',
         '/scripts.js?5',
-        '/style.css?5',
+        '/style.css?6',
         '/about?2',
         '/icon-512.png',
       ])

lib/public/style.css

@@ -132,3 +132,17 @@ input#url {
   display: none;
 }
 
+td.actions {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+td.actions a {
+  margin: 2px;
+  text-decoration: none;
+}
+
+a.delete-record {
+  font-size: 1.2rem;
+}

lib/views/index.ejs

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="manifest" href="/manifest.json">
     <link rel="apple-touch-icon" sizes="180x180" href="/icon-180.png">
-    <link rel="stylesheet" type="text/css" href="/style.css?5">
+    <link rel="stylesheet" type="text/css" href="/style.css?6">
     <title>Facebook Event to iCal Converter</title>
   </head>