Tweaks credential's display.

public/js/app.js

@@ -48376,7 +48376,7 @@ var render = function() {
   var _c = _vm._self._c || _h
   return _c(
     "div",
-    { staticClass: "bg-lightgray m-1 p-2 border rounded container" },
+    { staticClass: "bg-lightgray m-1 p-2 border rounded container-fluid" },
     [
       _c("div", { staticClass: "row no-gutters" }, [
         _c("div", { staticClass: "h5 col-3 text-left" }, [
@@ -48389,7 +48389,7 @@ var render = function() {
       ]),
       _vm._v(" "),
       _c("div", { staticClass: "row" }, [
-        _c("div", { staticClass: "col-lg-8" }, [
+        _c("div", { staticClass: "col-lg-9" }, [
           _c("div", [
             _vm._m(0),
             _vm._v(" "),
@@ -48406,7 +48406,7 @@ var render = function() {
             _c(
               "button",
               {
-                staticClass: "btn-clip btn btn-primary rounded-pill py-1",
+                staticClass: "btn-clip btn btn-sm btn-primary rounded-pill",
                 attrs: {
                   id: "btn-username" + this.data.credid,
                   "data-clipboard-target": "#username" + this.data.credid
@@ -48432,7 +48432,7 @@ var render = function() {
             _c(
               "button",
               {
-                staticClass: "btn-clip btn btn-primary rounded-pill py-1",
+                staticClass: "btn-clip btn btn-sm btn-primary rounded-pill",
                 attrs: {
                   id: "btn-password" + this.data.credid,
                   "data-clipboard-target": "#password" + this.data.credid
@@ -48472,14 +48472,14 @@ var staticRenderFns = [
     return _c(
       "div",
       {
-        staticClass: "btn-group col-lg-3 m-2 my-lg-3 w-25",
+        staticClass: "btn-group col-lg-2 align-self-end w-25 w-lg-auto",
         attrs: { role: "group", "aria-label": "Edit and Delete" }
       },
       [
         _c(
           "button",
           {
-            staticClass: "btn btn-secondary p-lg-1",
+            staticClass: "btn btn-sm btn-secondary p-lg-1",
             attrs: { type: "button" }
           },
           [_c("i", { staticClass: "fas fa-fw fa-edit" })]
@@ -48487,7 +48487,10 @@ var staticRenderFns = [
         _vm._v(" "),
         _c(
           "button",
-          { staticClass: "btn btn-danger p-lg-1", attrs: { type: "button" } },
+          {
+            staticClass: "btn btn-sm btn-danger p-lg-1",
+            attrs: { type: "button" }
+          },
           [_c("i", { staticClass: "fas fa-fw fa-trash-alt" })]
         )
       ]

resources/js/components/credential.vue

@@ -1,29 +1,29 @@
 <template>
-<div class="bg-lightgray m-1 p-2 border rounded container">
+<div class="bg-lightgray m-1 p-2 border rounded container-fluid">
     <div class="row no-gutters">
         <div class="h5 col-3 text-left">{{this.data.creddesc}}</div>
         <div class="col-9 text-right">{{this.data.creddate}}</div>
     </div>
     <div class="row">
-        <div class="col-lg-8">
+        <div class="col-lg-9">
             <div>
                 <label for="username"><i class="fas fa-fw fa-user"></i></label>
                 <input type="text" v-bind:id="'username' + this.data.credid" class="border-0 credential" v-bind:value=this.data.creduser readonly/>
-                <button v-bind:id="'btn-username' + this.data.credid" class="btn-clip btn btn-primary rounded-pill py-1" v-bind:data-clipboard-target="'#username' + this.data.credid">
+                <button v-bind:id="'btn-username' + this.data.credid" class="btn-clip btn btn-sm btn-primary rounded-pill" v-bind:data-clipboard-target="'#username' + this.data.credid">
                     <i class="far fa-clone"></i>
                 </button>
             </div>
             <div>
                 <label for="password"><i class="fas fa-fw fa-key"></i></label>
                 <input type="text" v-bind:id="'password' + this.data.credid" class="border-0 credential" v-bind:value=this.data.credpass readonly/>
-                <button v-bind:id="'btn-password' + this.data.credid" class="btn-clip btn btn-primary rounded-pill py-1" v-bind:data-clipboard-target="'#password' + this.data.credid">
+                <button v-bind:id="'btn-password' + this.data.credid" class="btn-clip btn btn-sm btn-primary rounded-pill" v-bind:data-clipboard-target="'#password' + this.data.credid">
                     <i class="far fa-clone"></i>
                 </button>
             </div>
         </div>
-        <div class="btn-group col-lg-3 m-2 my-lg-3 w-25" role="group" aria-label="Edit and Delete">
-            <button type="button" class="btn btn-secondary p-lg-1"><i class="fas fa-fw fa-edit"></i></button>
-            <button type="button" class="btn btn-danger p-lg-1"><i class="fas fa-fw fa-trash-alt"></i></button>
+        <div class="btn-group col-lg-2 align-self-end w-25 w-lg-auto" role="group" aria-label="Edit and Delete">
+            <button type="button" class="btn btn-sm btn-secondary p-lg-1"><i class="fas fa-fw fa-edit"></i></button>
+            <button type="button" class="btn btn-sm btn-danger p-lg-1"><i class="fas fa-fw fa-trash-alt"></i></button>
         </div>
     </div>
 </div>

resources/views/workorders/show.blade.php

@@ -5,7 +5,7 @@
 <div id="app">
         <div class="row no-gutters">
             <div class="col-lg-6">
-                <div class="card m-3 flex-fill">
+                <div class="card m-3">
                     <div class="card-header text-right">
                         <button type="button" class="btn btn-default xs-toggle" data-toggle="collapse" data-target="#assetTab">
                             <span class="sr-only">Toggle Navigation</span>