Adjust smileycounter UI

larsbaunwall · Apr 28, 2020 · 499aa13 · 499aa13
1 parent 4b17cf2
commit 499aa13
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 6 deletions.
diff --git a/presenter-app/src/common/ApiService.js b/presenter-app/src/common/ApiService.js
@@ -113,12 +113,12 @@ const ApiService = {
         this.closeEventStream();
       });
 
-      evtSource.onopen = function(e) {
+      evtSource.onopen = (e) => {
         sseReconnectFrequencySeconds = 1;
-        console.log("Eventstream opened");
+        console.log("Eventstream opened", {e});
       };
-      evtSource.onerror = function(e) {
-        console.log("Eventstream error");
+      evtSource.onerror = (e) => {
+        console.log("Eventstream error", {e});
         evtSource.close();
         store.dispatch("updateSessionStreamState", false);
         setTimeout(tryToSetupFunc, waitFunc());

diff --git a/presenter-app/src/common/SessionStream.js b/presenter-app/src/common/SessionStream.js
diff --git a/presenter-app/src/components/SmileyCounter.vue b/presenter-app/src/components/SmileyCounter.vue
@@ -3,7 +3,7 @@
     <div class="card-content">
       <div class="level is-mobile">
         <div class="level-left">
-          <div class="level-item">
+          <div class="smiley level-item">
             <twemoji
               :emojis="smiley"
               css-class="twa twa-3x"
@@ -19,7 +19,7 @@
                   v-if="trend !== 0"
                   :icon="trend > 0 ? 'angle-up' : 'angle-down'"
                   size="is-small"
-                  :class="trend > 0 ? 'has-text-success' : 'has-text-danger'"
+                  :class="trend > 0 ? 'trend has-text-success' : 'trend has-text-danger'"
                 />{{ currentRate }}<span class="subtitle-unit">/m</span>
               </p>
             </div>
@@ -138,4 +138,13 @@ export default {
 .card + .card {
   margin-top: 0.8rem;
 }
+
+.trend {
+  margin-left: -1.5rem;
+}
+
+.smiley {
+  margin-left: -1rem;
+  padding-right: 1rem;
+}
 </style>