#13: Upgraded Bootstrap to 4.0.0-beta. Added PopperJS which is now a dependency of BS4. Started updating the view files where Grid offsets were used (and are no longer supported in BS4.)

config/app.php

@@ -2,7 +2,7 @@
 
 return [
     // Version number of Blue Twilight
-    'version' => '2.0.0-beta.1',
+    'version' => '2.0.0-beta.2',
 
     /*
     |--------------------------------------------------------------------------

gulpfile.js

@@ -6,7 +6,7 @@ var gulp = require('gulp-help')(require('gulp'));
 
 // Dependencies
 var concat = require('gulp-concat');
-var uglify = require('gulp-uglify');
+var uglify = require('gulp-uglify-es').default;
 var uglifyCss = require('gulp-uglifycss');
 
 var cssFiles = [
@@ -18,6 +18,8 @@ var cssFiles = [
 
 var jsFiles = [
         'resources/assets/js/**/*.js',
+        'resources/assets/popper-js/popper.js',
+        'resources/assets/popper-js/popper-utils.js',
         'resources/assets/bootstrap/js/bootstrap.js'
     ],
     jsDest = 'public/js';
@@ -31,7 +33,7 @@ gulp.task('bt-assets-css', function() {
         .pipe(gulp.dest(cssDest));
 });
 
-gulp.task('bt-assets-css-min', function() {
+gulp.task('bt-assets-css-min', ['bt-assets-css'], function() {
     return gulp.src(cssFiles)
         .pipe(concat('blue-twilight.min.css'))
         .pipe(uglifyCss())
@@ -44,7 +46,7 @@ gulp.task('bt-assets-js', function() {
         .pipe(gulp.dest(jsDest));
 });
 
-gulp.task('bt-assets-js-min', function() {
+gulp.task('bt-assets-js-min', ['bt-assets-js'], function() {
     return gulp.src(jsFiles)
         .pipe(concat('blue-twilight.min.js'))
         .pipe(uglify())
@@ -57,9 +59,7 @@ gulp.task('bt-assets-fonts', function() {
 });
 
 gulp.task('bt-assets', false, [
-    'bt-assets-css',
     'bt-assets-css-min',
-    'bt-assets-js',
     'bt-assets-js-min',
     'bt-assets-fonts'
 ]);

package.json

@@ -9,18 +9,17 @@
     "gulp": "^3.9.1",
     "gulp-concat": "^2.6.1",
     "gulp-copy": "^1.0.0",
+    "gulp-help": "^1.6.1",
     "gulp-rename": "^1.2.2",
-    "gulp-uglify": "^2.1.2",
+    "gulp-uglify-es": "^0.1.3",
-    "gulp-uglifycss": "^1.0.6",
+    "uglify-js": "^3.0.28",
+    "gulp-uglifycss": "^1.0.8",
     "jquery": "^3.1.0",
-    "laravel-elixir": "^6.0.0-9",
+    "laravel-elixir": "^6.0.0-14",
-    "laravel-elixir-vue": "^0.1.4",
+    "laravel-elixir-vue-2": "^0.3.0",
     "laravel-elixir-webpack-official": "^1.0.2",
-    "lodash": "^4.14.0",
+    "lodash": "^4.16.2",
-    "vue": "^1.0.26",
+    "vue": "^2.0.1",
-    "vue-resource": "^0.9.3"
+    "vue-resource": "^1.0.3"
-  },
-  "dependencies": {
-    "semantic-ui": "^2.2.9"
   }
 }

resources/assets/bootstrap/css/bootstrap-reboot.css

@@ -1,256 +1,16 @@
-/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
 html {
+  box-sizing: border-box;
   font-family: sans-serif;
   line-height: 1.15;
-  -ms-text-size-adjust: 100%;
   -webkit-text-size-adjust: 100%;
-}
+  -ms-text-size-adjust: 100%;
-
+  -ms-overflow-style: scrollbar;
-body {
+  -webkit-tap-highlight-color: transparent;
-  margin: 0;
-}
-
-article,
-aside,
-footer,
-header,
-nav,
-section {
-  display: block;
-}
-
-h1 {
-  font-size: 2em;
-  margin: 0.67em 0;
-}
-
-figcaption,
-figure,
-main {
-  display: block;
-}
-
-figure {
-  margin: 1em 40px;
-}
-
-hr {
-  -webkit-box-sizing: content-box;
-          box-sizing: content-box;
-  height: 0;
-  overflow: visible;
-}
-
-pre {
-  font-family: monospace, monospace;
-  font-size: 1em;
-}
-
-a {
-  background-color: transparent;
-  -webkit-text-decoration-skip: objects;
-}
-
-a:active,
-a:hover {
-  outline-width: 0;
-}
-
-abbr[title] {
-  border-bottom: none;
-  text-decoration: underline;
-  text-decoration: underline dotted;
-}
-
-b,
-strong {
-  font-weight: inherit;
-}
-
-b,
-strong {
-  font-weight: bolder;
-}
-
-code,
-kbd,
-samp {
-  font-family: monospace, monospace;
-  font-size: 1em;
-}
-
-dfn {
-  font-style: italic;
-}
-
-mark {
-  background-color: #ff0;
-  color: #000;
-}
-
-small {
-  font-size: 80%;
-}
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-sup {
-  top: -0.5em;
-}
-
-audio,
-video {
-  display: inline-block;
-}
-
-audio:not([controls]) {
-  display: none;
-  height: 0;
-}
-
-img {
-  border-style: none;
-}
-
-svg:not(:root) {
-  overflow: hidden;
-}
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  font-family: sans-serif;
-  font-size: 100%;
-  line-height: 1.15;
-  margin: 0;
-}
-
-button,
-input {
-  overflow: visible;
-}
-
-button,
-select {
-  text-transform: none;
-}
-
-button,
-html [type="button"],
-[type="reset"],
-[type="submit"] {
-  -webkit-appearance: button;
-}
-
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
-  border-style: none;
-  padding: 0;
-}
-
-button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
-  outline: 1px dotted ButtonText;
-}
-
-fieldset {
-  border: 1px solid #c0c0c0;
-  margin: 0 2px;
-  padding: 0.35em 0.625em 0.75em;
-}
-
-legend {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  color: inherit;
-  display: table;
-  max-width: 100%;
-  padding: 0;
-  white-space: normal;
-}
-
-progress {
-  display: inline-block;
-  vertical-align: baseline;
-}
-
-textarea {
-  overflow: auto;
-}
-
-[type="checkbox"],
-[type="radio"] {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  padding: 0;
-}
-
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
-  height: auto;
-}
-
-[type="search"] {
-  -webkit-appearance: textfield;
-  outline-offset: -2px;
-}
-
-[type="search"]::-webkit-search-cancel-button,
-[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button;
-  font: inherit;
-}
-
-details,
-menu {
-  display: block;
-}
-
-summary {
-  display: list-item;
-}
-
-canvas {
-  display: inline-block;
-}
-
-template {
-  display: none;
-}
-
-[hidden] {
-  display: none;
-}
-
-html {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
 }
 
 *,
 *::before,
 *::after {
-  -webkit-box-sizing: inherit;
   box-sizing: inherit;
 }
 
@@ -258,17 +18,17 @@ html {
   width: device-width;
 }
 
-html {
+article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
-  -ms-overflow-style: scrollbar;
+  display: block;
-  -webkit-tap-highlight-color: transparent;
 }
 
 body {
-  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
   font-size: 1rem;
   font-weight: normal;
   line-height: 1.5;
-  color: #292b2c;
+  color: #212529;
   background-color: #fff;
 }
 
@@ -276,6 +36,12 @@ body {
   outline: none !important;
 }
 
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+}
+
 h1, h2, h3, h4, h5, h6 {
   margin-top: 0;
   margin-bottom: .5rem;
@@ -288,7 +54,11 @@ p {
 
 abbr[title],
 abbr[data-original-title] {
+  text-decoration: underline;
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted;
   cursor: help;
+  border-bottom: 0;
 }
 
 address {
@@ -324,13 +94,44 @@ blockquote {
   margin: 0 0 1rem;
 }
 
-a {
+dfn {
-  color: #0275d8;
+  font-style: italic;
-  text-decoration: none;
 }
 
-a:focus, a:hover {
+b,
-  color: #014c8c;
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 80%;
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -.25em;
+}
+
+sup {
+  top: -.5em;
+}
+
+a {
+  color: #007bff;
+  text-decoration: none;
+  background-color: transparent;
+  -webkit-text-decoration-skip: objects;
+}
+
+a:hover {
+  color: #0056b3;
   text-decoration: underline;
 }
 
@@ -348,6 +149,14 @@ a:not([href]):not([tabindex]):focus {
   outline: 0;
 }
 
+pre,
+code,
+kbd,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+
 pre {
   margin-top: 0;
   margin-bottom: 1rem;
@@ -360,10 +169,11 @@ figure {
 
 img {
   vertical-align: middle;
+  border-style: none;
 }
 
-[role="button"] {
+svg:not(:root) {
-  cursor: pointer;
+  overflow: hidden;
 }
 
 a,
@@ -381,13 +191,12 @@ textarea {
 
 table {
   border-collapse: collapse;
-  background-color: transparent;
 }
 
 caption {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
-  color: #636c72;
+  color: #868e96;
   text-align: left;
   caption-side: bottom;
 }
@@ -409,13 +218,43 @@ button:focus {
 input,
 button,
 select,
+optgroup,
 textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
   line-height: inherit;
 }
 
-input[type="radio"]:disabled,
+button,
-input[type="checkbox"]:disabled {
+input {
-  cursor: not-allowed;
+  overflow: visible;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+button,
+html [type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+  box-sizing: border-box;
+  padding: 0;
 }
 
 input[type="date"],
@@ -426,6 +265,7 @@ input[type="month"] {
 }
 
 textarea {
+  overflow: auto;
   resize: vertical;
 }
 
@@ -439,20 +279,51 @@ fieldset {
 legend {
   display: block;
   width: 100%;
+  max-width: 100%;
   padding: 0;
   margin-bottom: .5rem;
   font-size: 1.5rem;
   line-height: inherit;
+  color: inherit;
+  white-space: normal;
 }
 
-input[type="search"] {
+progress {
+  vertical-align: baseline;
+}
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+[type="search"] {
+  outline-offset: -2px;
   -webkit-appearance: none;
 }
 
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
 output {
   display: inline-block;
 }
 
+summary {
+  display: list-item;
+}
+
+template {
+  display: none;
+}
+
 [hidden] {
   display: none !important;
 }

resources/assets/bootstrap/css/bootstrap-reboot.min.css

@@ -1 +1,2 @@
-/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}@-ms-viewport{width:device-width}html{-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#292b2c;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{cursor:help}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}a{color:#0275d8;text-decoration:none}a:focus,a:hover{color:#014c8c;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle}[role=button]{cursor:pointer}[role=button],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse;background-color:transparent}caption{padding-top:.75rem;padding-bottom:.75rem;color:#636c72;text-align:left;caption-side:bottom}th{text-align:left}label{display:inline-block;margin-bottom:.5rem}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,select,textarea{line-height:inherit}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit}input[type=search]{-webkit-appearance:none}output{display:inline-block}[hidden]{display:none!important}/*# sourceMappingURL=bootstrap-reboot.min.css.map */
+html{box-sizing:border-box;font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}*,::after,::before{box-sizing:inherit}@-ms-viewport{width:device-width}article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}[role=button],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#868e96;text-align:left;caption-side:bottom}th{text-align:left}label{display:inline-block;margin-bottom:.5rem}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}
+/*# sourceMappingURL=bootstrap-reboot.min.css.map */

resources/assets/css/admin.css

@@ -2,6 +2,10 @@
     margin-bottom: 15px;
 }
 
+.admin-sidebar-card .card-block {
+    padding: 10px;
+}
+
 .album-expand-handle {
     cursor: pointer;
     margin-top: 5px;

resources/views/themes/base/admin/index.blade.php

@@ -9,13 +9,13 @@
 @section('content')
     <div class="container">
         <div class="row">
-            <div class="col-md-4 push-md-8">
+            <div class="col-md-4 order-1 order-md-2">
                 @include (Theme::viewName('partials.admin_actions_widget'))
                 @include (Theme::viewName('partials.admin_manage_widget'))
                 @include (Theme::viewName('partials.admin_stats_widget'))
             </div>
 
-            <div class="col-md-8 pull-md-4">
+            <div class="col-md-8 order-2 order-md-1">
                 @include (Theme::viewName('partials.admin_sysinfo_widget'))
             </div>
         </div>

resources/views/themes/base/auth/passwords/change_password.blade.php

@@ -4,7 +4,7 @@
 @section('content')
     <div class="container">
         <div class="row">
-            <div class="col-md-8 offset-md-2">
+            <div class="col-md-8 mr-md-auto ml-md-auto">
                 <div class="card">
                     <div class="card-header">
                         <ul class="nav nav-tabs card-header-tabs">
@@ -14,7 +14,7 @@
                         </ul>
                     </div>
                     <div class="card-block">
-                        <form role="form" method="POST" action="{{ route('auth.processChangePassword') }}">
+                        <form role="form" method="POST" action="{{ route('auth.processChangePassword') }}" class="mt-4">
                             {{ csrf_field() }}
 
                             @if ($errors->has('email'))
@@ -49,7 +49,8 @@
                             </div>
 
                             <div class="form-group row">
-                                <div class="col-md-6 offset-md-4 text-right">
+                                <div class="col-md-4"><!-- --></div>
+                                <div class="col-md-6 text-right">
                                     <a href="{{ url('/login') }}" class="btn btn-link">@lang('forms.cancel_action')</a>
                                     <button type="submit" class="btn btn-success">
                                         <i class="fa fa-fw fa-check"></i> @lang('auth.change_password_action')

resources/views/themes/base/auth/passwords/email.blade.php

@@ -4,7 +4,7 @@
 @section('content')
     <div class="container">
         <div class="row">
-            <div class="col-md-8 offset-md-2">
+            <div class="col-md-8 mr-md-auto ml-md-auto">
                 <div class="card">
                     <div class="card-header">
                         <ul class="nav nav-tabs card-header-tabs">
@@ -14,7 +14,7 @@
                         </ul>
                     </div>
                     <div class="card-block">
-                        <form role="form" method="POST" action="{{ url('/password/email') }}">
+                        <form role="form" method="POST" action="{{ url('/password/email') }}" class="mt-4">
                             {{ csrf_field() }}
 
                             <div class="form-group row{{ $errors->has('email') ? ' has-danger' : '' }}">
@@ -32,7 +32,8 @@
                             </div>
 
                             <div class="form-group row">
-                                <div class="col-md-6 offset-md-4 text-right">
+                                <div class="col-md-4"><!-- --></div>
+                                <div class="col-md-6 text-right">
                                     <a href="{{ url('/login') }}" class="btn btn-link">@lang('forms.cancel_action')</a>
                                     <button type="submit" class="btn btn-success">
                                         <i class="fa fa-fw fa-check"></i> @lang('auth.forgot_password_action')

resources/views/themes/base/auth/passwords/reset.blade.php

@@ -4,7 +4,7 @@
 @section('content')
     <div class="container">
         <div class="row">
-            <div class="col-md-8 offset-md-2">
+            <div class="col-md-8 mr-md-auto ml-md-auto">
                 <div class="card">
                     <div class="card-header">
                         <ul class="nav nav-tabs card-header-tabs">
@@ -14,7 +14,7 @@
                         </ul>
                     </div>
                     <div class="card-block">
-                        <form role="form" method="POST" action="{{ url('/password/reset') }}">
+                        <form role="form" method="POST" action="{{ url('/password/reset') }}" class="mt-4">
                             {{ csrf_field() }}
 
                             <input type="hidden" name="token" value="{{ $token }}">
@@ -61,7 +61,8 @@
                             </div>
 
                             <div class="form-group row">
-                                <div class="col-md-6 offset-md-4 text-right">
+                                <div class="col-md-4"><!-- --></div>
+                                <div class="col-md-6 text-right">
                                     <a href="{{ url('/login') }}" class="btn btn-link">@lang('forms.cancel_action')</a>
                                     <button type="submit" class="btn btn-success">
                                         <i class="fa fa-fw fa-check"></i> @lang('auth.reset_password_action')

resources/views/themes/base/auth/v2_unified.blade.php

@@ -4,7 +4,7 @@
 @section('content')
     <div class="container">
         <div class="row">
-            <div class="col-md-8 offset-md-2">
+            <div class="col-md-8 ml-md-auto mr-md-auto">
                 <div class="card">
                     <div class="card-header">
                         <ul class="nav nav-tabs card-header-tabs">

resources/views/themes/base/gallery/index.blade.php

@@ -4,7 +4,7 @@
 @section('content')
     <div class="container-fluid">
         <div class="row">
-            <div class="col-xl-8 offset-xl-2">
+            <div class="col-xl-8 ml-xl-auto mr-xl-auto">
                 @if (count($albums) > 0)
                     <div class="row album-photo-cards">
                         @foreach ($albums as $album)

resources/views/themes/base/partials/login.blade.php

@@ -1,4 +1,4 @@
-<form role="form" method="POST" action="{{ url('/login') }}">
+<form role="form" method="POST" action="{{ url('/login') }}" class="mt-4">
     {{ csrf_field() }}
 
     <div class="form-group row{{ $errors->has('email') ? ' has-danger' : '' }}">
@@ -30,7 +30,8 @@
     </div>
 
     <div class="form-group row">
-        <div class="col-md-6 offset-md-4">
+        <div class="col-md-4"><!-- --></div>
+        <div class="col-md-6">
             <div class="form-check">
                 <label class="form-check-label">
                     <input class="form-check-input" type="checkbox" name="remember"> @lang('forms.remember_me_label')
@@ -40,7 +41,8 @@
     </div>
 
     <div class="form-group row">
-        <div class="col-md-6 offset-md-4 text-right">
+        <div class="col-md-4"><!-- --></div>
+        <div class="col-md-6 text-right">
             <a class="btn btn-link" href="{{ url('/password/reset') }}">@lang('auth.forgot_password_link')</a>
 
             <button type="submit" class="btn btn-success"><i class="fa fa-fw fa-check"></i> @lang('forms.login_action')</button>

resources/views/themes/base/partials/navbar.blade.php

@@ -1,4 +1,4 @@
-<nav class="navbar navbar-toggleable-md navbar-inverse bg-primary">
+<nav class="navbar navbar-expand-md navbar-inverse bg-primary">
     <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbar-content" aria-controls="navbar-content" aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>
     </button>

resources/views/themes/base/partials/register.blade.php

@@ -1,4 +1,4 @@
-<form role="form" method="POST" action="{{ url('/register') }}">
+<form role="form" method="POST" action="{{ url('/register') }}" class="mt-4">
     {{ csrf_field() }}
 
     <div class="form-group row{{ $errors->has('name') ? ' has-danger' : '' }}">
@@ -68,14 +68,16 @@
                 </div>
             @endif
 
-            <div class="col-md-6 offset-md-4">
+            <div class="col-md-4"><!-- --></div>
+            <div class="col-md-6">
                 <div class="g-recaptcha" data-sitekey="{{ UserConfig::get('recaptcha_site_key') }}"></div>
             </div>
         </div>
     @endif
 
     <div class="form-group row">
-        <div class="col-md-6 offset-md-4 text-right">
+        <div class="col-md-4"><!-- --></div>
+        <div class="col-md-6 text-right">
             <a href="{{ route('home') }}" class="btn btn-link">@lang('forms.cancel_action')</a>
             <button type="submit" class="btn btn-success"><i class="fa fa-fw fa-check"></i> @lang('forms.register_action')</button>
         </div>