From 2a459818f2ee8235ee92ee64f72be43b820e3089 Mon Sep 17 00:00:00 2001
From: Timo Volkmann <volkmann@stud.hs-heilbronn.de>
Date: Thu, 4 Apr 2019 15:00:53 +0200
Subject: [PATCH] some changes

---
 frontend/src/pages/Overview.vue | 23 ++++++++++++++---------
 frontend/src/pages/Station.vue  |  3 +--
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/frontend/src/pages/Overview.vue b/frontend/src/pages/Overview.vue
index b7ff5ad..f9285c7 100644
--- a/frontend/src/pages/Overview.vue
+++ b/frontend/src/pages/Overview.vue
@@ -24,27 +24,32 @@
 
           <q-list>
             <q-card class="q-mb-md" v-for="cache in caches" :key="cache.id">
+            <q-expansion-item
+              class=""
+              expand-icon-toggle
+              expand-separator
+              icon="location_on"
+              :label="cache.name"
+              :caption="cache.rankingPoints+' Punkte / Size '+cache.stationen.length"
+            >
               <q-item
                 class="q-pr-sm "
               >
                 <q-item-section top avatar class="self-center">
-                  <q-icon rounded color="cyan-14" name="location_on" size="3rem"/>
+                  <!--<q-icon rounded color="cyan-14" name="location_on" size="3rem"/>-->
                 </q-item-section>
                 <q-item-section>
-                  <q-item-label><a class="text-black" style="text-decoration: none"><span>{{ cache.name }}</span></a></q-item-label>
-                  <q-item-label overline>
-                    <span class="text-grey">{{ cache.rankingPoints }} Punkte /</span>
-                    <span class="text-grey"> Size {{ cache.stationen.length }} </span>
-                  </q-item-label>
-                  <q-item-label caption>{{ cache.description.substring(0,80) }} ... </q-item-label>
+                  <q-item-label caption>{{ cache.description }}</q-item-label>
                 </q-item-section>
 
                 <q-item-section side top class="self-center" >
-                  <q-btn @click="startCache(cache.id)" flat unelevated stack color="positive" icon="arrow_forward" label="Starten" size="sm" style="height: 4.5rem"/>
                 </q-item-section>
               </q-item>
+              <q-item class="q-pr-sm reverse">
+                <q-btn @click="startCache(cache.id)" flat unelevated stack color="positive" icon="arrow_forward" label="Starten" size="sm"/>
+              </q-item>
+            </q-expansion-item>
             </q-card>
-
           </q-list>
         </q-tab-panel>
 
diff --git a/frontend/src/pages/Station.vue b/frontend/src/pages/Station.vue
index d4f3032..61c7d06 100644
--- a/frontend/src/pages/Station.vue
+++ b/frontend/src/pages/Station.vue
@@ -19,8 +19,7 @@
            src="https://www.buga2019.de/we-bilder/3.Gartenausstellung/Gelaendeplan/190320_Gelaendeplan-quadratisch.jpg"
     ></q-img>
     <div class="row q-col-gutter-md">
-      <q-input class="col" dense stack-label filled v-model="text" label="Längengrad" />
-      <q-input class="col" dense stack-label filled v-model="text" label="Breitengrad" />
+      <q-input class="col" dense stack-label filled v-model="text" label="Längengrad/Breitengrad" />
       <div class="col-shrink">
         <q-btn unelevated color="primary" class="full-height" icon="my_location"/>
       </div>