From 6f363a3329cac4fb95aadcbefa6185db40244fed Mon Sep 17 00:00:00 2001
From: "Phyks (Lucas Verney)" <phyks@phyks.me>
Date: Sat, 23 Sep 2017 01:09:35 +0200
Subject: [PATCH] Better ManualBarcode view, with shadows

---
 src/components/BarcodeIcon.vue | 2 ++
 src/views/ManualBarcode.vue    | 4 +++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/BarcodeIcon.vue b/src/components/BarcodeIcon.vue
index 7b350c9..ec9e977 100644
--- a/src/components/BarcodeIcon.vue
+++ b/src/components/BarcodeIcon.vue
@@ -17,9 +17,11 @@ export default {
 <style scoped>
 .barcode-icon >>> line, .barcode-icon >>> path, .barcode-icon >>> polyline {
     stroke: white;
+    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.2));
 }
 
 .barcode-icon >>> path {
     fill: white;
+    filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.2));
 }
 </style>
diff --git a/src/views/ManualBarcode.vue b/src/views/ManualBarcode.vue
index 487881b..29e3a91 100644
--- a/src/views/ManualBarcode.vue
+++ b/src/views/ManualBarcode.vue
@@ -1,7 +1,9 @@
 <template>
     <v-container fluid layout wrap class="manualbarcode-panel">
         <v-layout row>
-            <h2 class="headline text-xs-center">{{ $t('manualBarcode.heading') }}</h2>
+            <v-flex xs12>
+                <h2 class="headline text-xs-center">{{ $t('manualBarcode.heading') }}</h2>
+            </v-flex>
         </v-layout>
 
         <v-layout row class="mt-4">