renaming and dynamic layout

2020-10-21 10:41:50 +02:00
parent cee0e1c8a6
commit eee7a85cba
2 changed files with 81 additions and 14 deletions
--- a/src/ui/TotalBought.vue
+++ b/src/ui/TotalBought.vue
@@ -2,7 +2,7 @@
  <section class="outer-bought">
    <h3>Loddstatistikk</h3>

-    <div class="inner-bought-container total-ballots">
+    <div class="total-ballots">
        Totalt&nbsp;
        <span class="total">{{ total }}</span>
        &nbsp;kjøpte og&nbsp;
@@ -145,6 +145,12 @@ export default {
@import "../styles/variables.scss";
@import "../styles/media-queries.scss";

+@include mobile{
+  section {
+    margin-top: 5em;
+  }
+}
+
 .total-ballots {
  display: flex;
 }