From c569423e6502f2046bbc4503f65c06383b09f05a Mon Sep 17 00:00:00 2001
From: boyska <boyska@riseup.net>
Date: Sat, 20 Aug 2022 20:07:15 +0200
Subject: [PATCH] style

---
 pizzicore/pages/spa.html            | 2 ++
 pizzicore/static/js/spa.js          | 1 -
 pizzicore/static/vue/counter.js     | 2 +-
 pizzicore/static/vue/counterlist.js | 2 ++
 4 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/pizzicore/pages/spa.html b/pizzicore/pages/spa.html
index 3cab32f..61fd0ec 100644
--- a/pizzicore/pages/spa.html
+++ b/pizzicore/pages/spa.html
@@ -7,6 +7,7 @@
         <div id="app">
         </div>
         <script type="module" src="/static/js/spa.js"></script>
+
     </body>
     <script type="importmap">
 { "imports": {
@@ -19,6 +20,7 @@
     border: 1px solid #ccc;
     margin: 1em 0;
     padding: 1em 0.2em;
+    font-size: 8vw;
 }
 </style>
 
diff --git a/pizzicore/static/js/spa.js b/pizzicore/static/js/spa.js
index e1fd9cc..e98f03b 100644
--- a/pizzicore/static/js/spa.js
+++ b/pizzicore/static/js/spa.js
@@ -39,4 +39,3 @@ var app = createApp({
 })
 app.use(store)
 app.mount('#app')
-
diff --git a/pizzicore/static/vue/counter.js b/pizzicore/static/vue/counter.js
index 76686b4..3554825 100644
--- a/pizzicore/static/vue/counter.js
+++ b/pizzicore/static/vue/counter.js
@@ -1,5 +1,5 @@
 const template = `
-<div class="counter">Fila {{queue_desc}}: {{counter}}
+<div class="counter">Fila {{queue_desc}}: <div class="counter-number">{{counter}}</div>
 <div v-if="loggedIn"><button @click="callNext">Prossimo</button></div></div>
     `
 
diff --git a/pizzicore/static/vue/counterlist.js b/pizzicore/static/vue/counterlist.js
index 84812f5..d11ac4b 100644
--- a/pizzicore/static/vue/counterlist.js
+++ b/pizzicore/static/vue/counterlist.js
@@ -1,7 +1,9 @@
 import { defineAsyncComponent } from '/static/js/vue.esm-browser.min.js'
 
 const template = `
+<div class="counters">
     <CounterController v-for="q in queues" :queue_num="q"></CounterController>
+    </div>
             `
 
 export default {