From c454a23e717003952f871d1a3387e874130c3a95 Mon Sep 17 00:00:00 2001
From: Florent Chehab <perso@floflo.ch>
Date: Sat, 2 May 2020 14:29:58 +0200
Subject: [PATCH] fix(css): more straightforward handling of borders

* don't rely on last child selector that might be incorrect due to display:none elements
---
 src/css/main.css | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/css/main.css b/src/css/main.css
index d62a19d..f9493fd 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -13,7 +13,8 @@ body {
 
 .btn-group button {
     background: transparent;
-    border: 1px solid #636060;
+    border: 2px solid #636060;
+    margin: -1px;
     /* Green border */
     color: black;
     /* White text */
@@ -25,16 +26,13 @@ body {
     /* Float the buttons side by side */
     font-size: 1.2em;
     height: 45px;
+    width: 50px;
 }
 
 button::-moz-focus-inner {
     border: 0;
 }
 
-.btn-group button:not(:last-child) {
-    border-right: none;
-    /* Prevent double borders */
-}
 
 /* Clear floats (clearfix hack) */
 
@@ -57,6 +55,7 @@ button {
 .btn-group {
     background-color: #808080ab;
     margin-left: 5px;
+    margin-bottom: 5px;
     float: left;
     position: relative;
 }