From cbc5b6737ad6c439b228eb4beebe1fbcceb7681e Mon Sep 17 00:00:00 2001
From: Nick Coutsos <nick@coutsos.com>
Date: Sat, 16 Oct 2021 14:30:54 -0400
Subject: Tweak button styles

---
 application/components/app.vue    | 17 ++++++++++++++++-
 application/components/keymap.vue |  1 +
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/application/components/app.vue b/application/components/app.vue
index 9661238..eb0d942 100644
--- a/application/components/app.vue
+++ b/application/components/app.vue
@@ -137,4 +137,19 @@ export default {
       />
     </div>
   </loader>
-</template>
\ No newline at end of file
+</template>
+
+<style scoped>
+button {
+  cursor: pointer;
+  background-color: var(--hover-selection);
+  color: white;
+
+  font-size: 16px;
+  border: none;
+  border-radius: 5px;
+  padding: 5px;
+  margin: 2px;
+}
+
+</style>
diff --git a/application/components/keymap.vue b/application/components/keymap.vue
index 4c72c9d..e6ec245 100644
--- a/application/components/keymap.vue
+++ b/application/components/keymap.vue
@@ -130,6 +130,7 @@ export default {
 
 <template>
   <layer-selector
+    v-if="isReady()"
     :layers="keymap.layer_names"
     :activeLayer="activeLayer"
     @select="activeLayer = $event"
-- 
cgit v1.2.3