From 287107ecd044fc924ac6d80b33e98297111a31ee Mon Sep 17 00:00:00 2001
From: Arne Schauf <git@asw.io>
Date: Sat, 3 Mar 2018 19:11:16 +0100
Subject: another change of the layout

---
 src/pages/UploadDetail.vue | 12 +++++++-----
 src/pages/UploadList.vue   | 13 ++++++-------
 2 files changed, 13 insertions(+), 12 deletions(-)

(limited to 'src/pages')

diff --git a/src/pages/UploadDetail.vue b/src/pages/UploadDetail.vue
index 4967283..53de013 100644
--- a/src/pages/UploadDetail.vue
+++ b/src/pages/UploadDetail.vue
@@ -1,15 +1,17 @@
 <template>
   <div>
-    <p class="text-right">
-      <q-btn @click="$router.push({name: 'upload-list'})" outline icon-right="fa-times" label="Close" />
-    </p>
     <div v-if="upload">
       <q-card>
         <q-card-media v-if="upload.pic" overlay-position="top">
           <q-card-title slot="overlay">
             {{ upload.title }}
-            <span slot="subtitle">by {{ upload.author.username }}</span>
-            <span slot="right" class="text-white" style="margin-left: 3rem">updated {{ upload.updatedAt | moment("from") }}</span>
+            <span slot="subtitle">
+              by {{ upload.author.username }},
+              updated {{ upload.updatedAt | moment("from") }}
+            </span>
+            <span slot="right" class="text-white" style="margin-left: 3rem">
+            <q-btn @click="$router.push({name: 'upload-list'})" flat round icon="fa-times" color="negative"/>
+            </span>
           </q-card-title>
           <img :src="`${$http.defaults.baseURL}/media/${upload.pic._id}`">
         </q-card-media>
diff --git a/src/pages/UploadList.vue b/src/pages/UploadList.vue
index 8b54b85..76f1e0c 100644
--- a/src/pages/UploadList.vue
+++ b/src/pages/UploadList.vue
@@ -1,7 +1,11 @@
 <template>
   <div class="flex row no-wrap gutter-lg">
-    <div class="animateMaxWidth" :class="showList ? 'col-12' : 'gt-sm col-md-6'">
-      <h4>Available Mods</h4>
+    <transition appear name="grow-fade">
+      <div v-if="!showList" class="col-sm-12 col-md-6 col-lg-8">
+        <router-view></router-view>
+      </div>
+    </transition>
+    <div class="animateMaxWidth" :class="showList ? 'col-12' : 'gt-sm col-md-6 col-lg-4'">
       <q-table
         no-data-label="No mods available"
         row-key="name"
@@ -31,11 +35,6 @@
         </q-td>
       </q-table>
     </div>
-    <transition appear name="grow-fade">
-      <div v-if="!showList" class="col-sm-12 col-md-6">
-        <router-view></router-view>
-      </div>
-    </transition>
   </div>
 </template>
 
-- 
cgit v1.2.3-54-g00ecf