From 9b83e84524d84207bb091d156f250c4dca8a28f9 Mon Sep 17 00:00:00 2001
From: Fanks <hola@marm.dev>
Date: Sat, 3 Oct 2020 14:44:41 -0500
Subject: [PATCH] Adds proper styles, Solves Issue #12

---
 src/common/common.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/src/common/common.css b/src/common/common.css
index c55b48a7..8e6af77d 100644
--- a/src/common/common.css
+++ b/src/common/common.css
@@ -171,6 +171,20 @@ a:active {
   margin-top: 8px;
 }
 
+#messageContrast {
+  display: grid;
+  grid-template-columns: 30px 1fr;
+  grid-template-rows: 1fr 40px;
+}
+
+#messageContrast > a {
+  grid-area: 2/2;
+}
+
+#messageContrast > a > button {
+  margin-left: 0;
+}
+
 .error {
   color: var(--white-100);
   background-color: var(--red-60);
@@ -211,6 +225,7 @@ a:active {
 /* icons for the message boxes */
 .message-box::before {
   display: inline-block;
+  align-self: baseline;
 
   /* fixed size */
   background-size: 16px 16px;