Update packages, change oauth2 client display style a bit

package.json

@@ -1,6 +1,6 @@
 {
   "name": "icynet.eu",
-  "version": "0.9.3",
+  "version": "0.9.4",
   "description": "Icy Network web server",
   "main": "icynet.eu.js",
   "scripts": {
@@ -33,21 +33,21 @@
     "babel-core": "^6.26.3",
     "babel-plugin-transform-es2015-modules-commonjs": "^6.26.2",
     "bcryptjs": "^2.4.3",
-    "bluebird": "^3.5.1",
+    "bluebird": "^3.5.4",
     "body-parser": "^1.18.3",
-    "connect-redis": "^3.3.3",
+    "connect-redis": "^3.4.1",
     "connect-session-knex": "^1.4.0",
     "email-templates": "^2.7.1",
-    "express": "^4.16.3",
-    "express-rate-limit": "^2.11.0",
-    "express-session": "^1.15.6",
+    "express": "^4.16.4",
+    "express-rate-limit": "^2.14.2",
+    "express-session": "^1.16.1",
     "feed": "^1.1.1",
     "fs-extra": "^4.0.3",
     "gm": "^1.23.1",
     "knex": "^0.14.6",
-    "multiparty": "^4.1.4",
+    "multiparty": "^4.2.1",
     "mysql": "^2.16.0",
-    "nodemailer": "^4.6.7",
+    "nodemailer": "^4.7.0",
     "notp": "^2.0.3",
     "oauth-libre": "^0.9.17",
     "objection": "^0.8.9",
@@ -55,30 +55,30 @@
     "serve-favicon": "^2.5.0",
     "stylus": "^0.54.5",
     "thirty-two": "^1.0.2",
-    "toml": "^2.3.3",
+    "toml": "^2.3.6",
     "uuid": "^3.3.2",
-    "vue": "^2.5.16"
+    "vue": "^2.6.10"
   },
   "devDependencies": {
     "babel-loader": "^7.1.5",
     "babel-preset-env": "^1.7.0",
-    "bootstrap": "^4.1.2",
-    "concurrently": "^3.6.0",
-    "eslint-plugin-import": "^2.13.0",
-    "jquery": "^3.3.1",
+    "bootstrap": "^4.3.1",
+    "concurrently": "^3.6.1",
+    "eslint-plugin-import": "^2.17.1",
+    "jquery": "^3.4.0",
     "morgan": "^1.9.1",
-    "mustache": "^2.3.0",
-    "popper.js": "^1.14.3",
+    "mustache": "^2.3.2",
+    "popper.js": "^1.15.0",
     "standard": "^10.0.3",
-    "uglifyjs-webpack-plugin": "^1.2.7",
+    "uglifyjs-webpack-plugin": "^1.3.0",
     "vue-clickaway": "^2.2.2",
-    "vue-loader": "^13.7.2",
+    "vue-loader": "^13.7.3",
     "vue-resource": "^1.5.1",
-    "vue-router": "^3.0.1",
-    "vue-template-compiler": "^2.5.16",
+    "vue-router": "^3.0.5",
+    "vue-template-compiler": "^2.6.10",
     "watch": "^1.0.2",
     "webpack": "^3.12.0",
-    "webpack-merge": "^4.1.3"
+    "webpack-merge": "^4.2.1"
   },
   "standard": {
     "env": {

src/script/component/OAuthClient.vue

@@ -1,11 +1,11 @@
 <template lang="pug">
   .application.list-item.row
-    .col-2
+    div
       .picture
         img(v-if="icon" :src="'/usercontent/images/' + icon")
         .noicon(v-else)
           i.fa.fa-fw.fa-gears
-    .info.col-sm
+    .info
       .stamps
         .verified.stamp(v-if="verified")
           i.fa.fa-fw.fa-check

src/script/main.js

@@ -65,7 +65,6 @@ $(document).ready(function () {
           var html = ''
           var client = data[i]
           html += '<div class="authclient application" data-client-id="' + client.id + '" id="client-' + client.id + '">'
-          html += '<div class="remove" id="deleteclient"><i class="fa fa-fw fa-ban"></i></div>'
           html += '<div class="picture">'
 
           if (client.icon) {
@@ -80,7 +79,10 @@ $(document).ready(function () {
           html += '<div class="description">' + client.description + '</div>'
           html += '<a class="url" href="' + client.url + '">' + client.url + '</a>'
           html += '<div class="timestamp">Authorized ' + new Date(client.created_at) + '</div>'
-          html += '</div></div>'
+          html += '</div>'
+
+          html += '<div class="remove" id="deleteclient"><i class="fa fa-fw fa-ban"></i></div>'
+          html += '</div>'
 
           $('#clientlist').append(html)
 

src/style/admin.styl

@@ -56,12 +56,6 @@ body
         cursor: pointer
         display: inline-block
 
-    .picture
-        float: none
-    
-    .info
-        margin: 0
-
 .dropdown-wrapper
     border-radius: 5px
     position: relative

src/style/main.styl

@@ -197,9 +197,10 @@ span.divider
         border: 1px solid maroon
 
 .application
-    height: 140px
+    display: flex
+    flex-direction: row
+    margin-bottom: 15px
     #deleteclient
-        float: right
         color: red
         font-size: 120%
         cursor: pointer
@@ -208,7 +209,6 @@ span.divider
         height: 120px
         position: relative
         display: inline-block
-        float: left
         .noicon
             width: 100%
             height: 100%
@@ -219,7 +219,8 @@ span.divider
                 font-size: 500%
                 margin-top: 20px
     .info
-        margin-left: 130px
+        flex-grow: 1
+        margin-left: 15px
         .name
             font-size: 120%
             font-weight: bold