Admin page mobile-compatible

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>
 

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

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")