From 8e68e27036d8479642aa88e9cb28796c077399a3 Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Fri, 20 Dec 2019 10:12:25 -0500
Subject: [PATCH] Improve layout of action buttons on mobile

---
 style.css | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/style.css b/style.css
index fda75c1..e7b1cde 100644
--- a/style.css
+++ b/style.css
@@ -72,7 +72,7 @@ body.dark div {
     position: fixed;
     right: 0%;
     top: 0%;
-    max-width: 33%;
+    max-width: 50%;
     max-height: 50%;
   }
   #log {
@@ -101,7 +101,7 @@ body.dark div {
     width: 100px !important;
   }
   .action-part-button {
-    width: 100px !important;
+    width: 33% !important;
   }
   .action-button {
     width: 100px !important;
@@ -599,6 +599,12 @@ ul {
   display: none;
 }
 
+@media (max-aspect-ratio: 1) {
+  .action-part-button {
+    width: 33%;
+  }
+}
+
 .action-part-button.active {
   background: #555;
 }