From a6f8819a47b81f1650f7eb526554659f241ecc1b Mon Sep 17 00:00:00 2001
From: Evert <imsonotsleepy@gmail.com>
Date: Tue, 13 Feb 2018 22:20:06 +0200
Subject: [PATCH] Admin page mobile-compatible

---
 src/script/component/OAuthClient.vue | 16 ++++++++--------
 src/script/component/User.vue        |  2 +-
 views/admin/layout.pug               |  1 +
 3 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/script/component/OAuthClient.vue b/src/script/component/OAuthClient.vue
index 6e5132b..948d896 100644
--- a/src/script/component/OAuthClient.vue
+++ b/src/script/component/OAuthClient.vue
@@ -5,7 +5,7 @@
         img(v-if="icon" :src="'/usercontent/images/' + icon")
         .noicon(v-else)
           i.fa.fa-fw.fa-gears
-    .info.col
+    .info.col-sm
       .stamps
         .verified.stamp(v-if="verified")
           i.fa.fa-fw.fa-check
@@ -27,28 +27,28 @@
       a.url(:href='url', target='_blank', rel='nofollow') {{ url }}
 
       .row
-        .col-2 Scopes
+        .col-sm-2.col-3 Scopes
         .col {{ scope }}
       .row
-        .col-2 Redirect
+        .col-sm-2.col-3 Redirect
         .col {{ redirect_url }}
       .row
-        .col-2 Client ID
+        .col-sm-2.col-3 Client ID
         .col {{ id }}
       .row
-        .col-2 Secret
+        .col-sm-2.col-3 Secret
         .col Client Secret: 
           #showbutton(@click="secretShown = !secretShown")
             span(v-show="!secretShown") Click here to reveal secret
             #hiddensecret(v-show="secretShown") {{ secret }}
       .row
-        .col-2 Grants
+        .col-sm-2.col-3 Grants
         .col {{ grants }}
       .row
-        .col-2 Owner
+        .col-sm-2.col-3 Owner
         .col {{ user.display_name }}
       .row
-        .col-2 Created
+        .col-sm-2.col-3 Created
         .col {{ new Date(created_at).toString() }}
 </template>
 
diff --git a/src/script/component/User.vue b/src/script/component/User.vue
index a3f3301..40e3f97 100644
--- a/src/script/component/User.vue
+++ b/src/script/component/User.vue
@@ -8,7 +8,7 @@
       .avatar
         img(v-if='avatar_file', v-bind:src="'/usercontent/images/' + avatar_file")
         img(v-else='v-else', src='/static/image/avatar.png')
-    .col.info
+    .col-sm.info
       .stamps
         .stamp(title="Used an external login" v-if="!password")
           i.fa.fa-fw.fa-sign-out
diff --git a/views/admin/layout.pug b/views/admin/layout.pug
index 35d8ff1..2796a61 100644
--- a/views/admin/layout.pug
+++ b/views/admin/layout.pug
@@ -2,6 +2,7 @@ html
 	head
 		meta(charset="utf8")
 		meta(name="csrf-token", content=csrf)
+		meta(name="viewport", content="width=device-width, initial-scale=1, shrink-to-fit=no")
 		block links
 			link(rel="stylesheet", type="text/css", href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css")
 			link(rel="stylesheet", type="text/css", href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css")