From 64db07c4e11c264b9725a0d8fb96f9238f500c8e Mon Sep 17 00:00:00 2001
From: Kylart <Kylart.dev@gmail.com>
Date: Mon, 4 Sep 2017 00:35:39 +0200
Subject: [PATCH] Added some missing components

---
 assets/stylus/main.styl     |  5 +----
 assets/vuetify.js           |  8 ++++++--
 components/historyModal.vue | 12 ++++--------
 3 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/assets/stylus/main.styl b/assets/stylus/main.styl
index 99dc8a2..da51dab 100644
--- a/assets/stylus/main.styl
+++ b/assets/stylus/main.styl
@@ -70,7 +70,7 @@ $theme := {
   Custom rules which will be applied globally, allows overriding
  */
 .application--toolbar.application--footer > main > .container
-  min-height calc(100vh - (48px + 24px))
+  min-height calc(100vh - (48px + 24px)) !important
 
 .navigation-drawer .list__tile
   font-size 14px
@@ -81,9 +81,6 @@ $theme := {
 div.dialog--fullscreen
   margin 24px 0 0
 
-.expansion-panel__bodylast-child
-  border-bottom 0 !important
-
 #title a.list__tile
   height 60px
 
diff --git a/assets/vuetify.js b/assets/vuetify.js
index 910c828..ccd3b46 100644
--- a/assets/vuetify.js
+++ b/assets/vuetify.js
@@ -20,7 +20,9 @@ import {
   VProgressCircular,
   VRadioGroup,
   VTabs,
-  VSwitch
+  VSwitch,
+  VExpansionPanel,
+  VDivider
 } from 'vuetify'
 
 import { Tooltip, Ripple } from 'vuetify/src/directives'
@@ -48,7 +50,9 @@ export default (Vue) => {
       VProgressCircular,
       VRadioGroup,
       VTabs,
-      VSwitch
+      VSwitch,
+      VExpansionPanel,
+      VDivider
     },
     directives: {
       Tooltip,
diff --git a/components/historyModal.vue b/components/historyModal.vue
index 13a3c87..274cf7b 100644
--- a/components/historyModal.vue
+++ b/components/historyModal.vue
@@ -2,18 +2,18 @@
   v-dialog(lazy, absolute, width='75%', v-model='$store.state.historyModal')
     v-btn(secondary, dark, @click.mative='refresh()', slot='activator')
       | History
-    v-card.secondary
+    v-card
       v-card-title.headline History
       v-divider
       v-card-text
         v-layout(row, wrap)
-          v-expansion-panel.secondary(expand)
+          v-expansion-panel(expand, popout)
             v-expansion-panel-content.item-container(
               ripple,
               v-for='item in Object.keys(history).reverse()',
               :key='item'
             )
-              .day(slot='header', v-ripple='true')
+              .day(slot='header')
                 | {{ item }}
               v-card
                 v-card-text.lighten-3.info-container
@@ -79,11 +79,6 @@
     margin: 0;
   }
 
-  .expansion-panel > li
-  {
-    border: 1px solid #444 !important;
-  }
-
   .ellipsis
   {
     overflow: hidden;
@@ -108,6 +103,7 @@
     font-size: 17px;
     font-weight: 700;
     padding-left: 15px;
+    background-color: #424242 !important;
   }
 
   .entry