diff --git a/src/App.vue b/src/App.vue
index 543fc57..dc6dec8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -107,4 +107,37 @@ body, html {
font-family: sans-serif;
}
+*::-webkit-scrollbar {
+ height: 2px;
+ }
+*::-webkit-scrollbar-button {
+ width: 0px;
+ height: 0px;
+}
+*::-webkit-scrollbar-thumb {
+ background: #e1e1e1;
+ border: 0px none #ffffff;
+ border-radius: 50px;
+}
+*::-webkit-scrollbar-thumb:hover {
+ background: #ffffff;
+}
+*::-webkit-scrollbar-thumb:active {
+ background: #000000;
+}
+*::-webkit-scrollbar-track {
+ background: #00000000;
+ border: 0px none #ffffff;
+ border-radius: 50px;
+}
+*::-webkit-scrollbar-track:hover {
+ background: #666666;
+}
+*::-webkit-scrollbar-track:active {
+ background: #333333;
+}
+*::-webkit-scrollbar-corner {
+ background: transparent;
+}
+
diff --git a/src/components/ActionButton.vue b/src/components/ActionButton.vue
index 468d949..33dd78a 100644
--- a/src/components/ActionButton.vue
+++ b/src/components/ActionButton.vue
@@ -53,7 +53,10 @@ export default class ActionButton extends Vue {
.action-button {
width: 100%;
padding: 4pt;
+ flex: 0 1;
background: #333;
+ border-color: #666;
+ border-style: outset;
}
.action-button:hover {
diff --git a/src/components/Combat.vue b/src/components/Combat.vue
index 936f5a3..0760de9 100644
--- a/src/components/Combat.vue
+++ b/src/components/Combat.vue
@@ -7,6 +7,9 @@