diff --git a/src/components/sections/TabsSection.vue b/src/components/sections/TabsSection.vue index f19182c..057fff8 100644 --- a/src/components/sections/TabsSection.vue +++ b/src/components/sections/TabsSection.vue @@ -105,15 +105,13 @@ onMounted(() => { margin-bottom: 1em; } -@media screen and (max-width: 400px) { +@media screen and (max-width: global.$breakpointSm) { .tabs-modes { grid-template-areas: 'stock wiki' 'storage storage' 'numgen stockgen'; grid-template-columns: repeat(2, 1fr); - - // grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } } diff --git a/src/components/tabs/StockListTab.vue b/src/components/tabs/StockListTab.vue index 620c9cc..5b56c7f 100644 --- a/src/components/tabs/StockListTab.vue +++ b/src/components/tabs/StockListTab.vue @@ -631,11 +631,15 @@ export default defineComponent({ display: grid; gap: 0.5em; - grid-template-columns: repeat(auto-fit, minmax(70px, 1fr)); + grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); button { width: 100%; + &[data-button-tooltip] { + font-size: 0.85em; + } + input { opacity: 0; width: 0; diff --git a/src/components/tabs/StorageTab.vue b/src/components/tabs/StorageTab.vue index 18d6d40..9331c32 100644 --- a/src/components/tabs/StorageTab.vue +++ b/src/components/tabs/StorageTab.vue @@ -11,7 +11,6 @@