From a0e5591f8eede1136c2e5c4d3ab7d3c495eec8bb Mon Sep 17 00:00:00 2001
From: Kyle Spearrin <kyle.spearrin@gmail.com>
Date: Thu, 21 Sep 2017 23:19:06 -0400
Subject: [PATCH] larger modals. sm breakpoints on login add/edit

---
 src/app/vault/views/vaultAddLogin.html  | 14 +++++++-------
 src/app/vault/views/vaultEditLogin.html | 14 +++++++-------
 src/less/vault.less                     | 10 +++++++++-
 3 files changed, 23 insertions(+), 15 deletions(-)

diff --git a/src/app/vault/views/vaultAddLogin.html b/src/app/vault/views/vaultAddLogin.html
index aed243112bb..0c455293f1d 100644
--- a/src/app/vault/views/vaultAddLogin.html
+++ b/src/app/vault/views/vaultAddLogin.html
@@ -11,13 +11,13 @@
             </ul>
         </div>
         <div class="row">
-            <div class="col-md-6">
+            <div class="col-sm-6">
                 <div class="form-group" show-errors>
                     <label for="name">Name</label> <span>*</span>
                     <input type="text" id="name" name="Name" ng-model="login.name" class="form-control" required api-field />
                 </div>
             </div>
-            <div class="col-md-6" ng-if="!hideFolders">
+            <div class="col-sm-6" ng-if="!hideFolders">
                 <div class="form-group" show-errors>
                     <label for="folder">Folder</label>
                     <select id="folder" name="FolderId" ng-model="login.folderId" class="form-control" api-field>
@@ -40,7 +40,7 @@
             </div>
         </div>
         <div class="row">
-            <div class="col-md-6">
+            <div class="col-sm-6">
                 <div class="form-group" show-errors>
                     <label for="username">Username</label>
                     <div class="input-group">
@@ -55,7 +55,7 @@
                     </div>
                 </div>
             </div>
-            <div class="col-md-6">
+            <div class="col-sm-6">
                 <div class="form-group" show-errors style="margin-bottom: 5px;">
                     <div class="pull-right password-options">
                         <i class="fa fa-lg fa-refresh" uib-tooltip="Generate Password" tooltip-placement="left" ng-click="generatePassword()"></i>
@@ -80,14 +80,14 @@
             </div>
         </div>
         <div class="row">
-            <div class="col-md-6">
+            <div class="col-sm-6">
                 <div class="form-group" show-errors>
                     <label for="totp">Authenticator Key (TOTP)</label>
                     <input type="text" id="totp" name="Totp" ng-model="login.totp" class="form-control"
                            ng-readonly="readOnly" api-field />
                 </div>
             </div>
-            <div class="col-md-6 totp-col">
+            <div class="col-sm-6 totp-col">
                 <div totp="login.totp" id="verification-code" ng-if="useTotp"></div>
                 <div ng-if="!useTotp">
                     <a href="#" stop-click ng-click="showUpgrade()"><img src="images/totp-countdown.png" alt="" /></a>
@@ -143,7 +143,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col-md-1">
+                <div class="col-sm-1">
                     <br class="hidden-xs" />
                     <a href="#" ng-click="removeField(field)" stop-click>
                         <i class="fa fa-window-close-o fa-lg"></i>
diff --git a/src/app/vault/views/vaultEditLogin.html b/src/app/vault/views/vaultEditLogin.html
index 58e29fe9340..bf040bf5142 100644
--- a/src/app/vault/views/vaultEditLogin.html
+++ b/src/app/vault/views/vaultEditLogin.html
@@ -13,14 +13,14 @@
             </ul>
         </div>
         <div class="row">
-            <div class="col-md-6">
+            <div class="col-sm-6">
                 <div class="form-group" show-errors>
                     <label for="name">Name</label> <span>*</span>
                     <input type="text" id="name" name="Name" ng-model="login.name" class="form-control"
                            ng-readonly="readOnly" required api-field />
                 </div>
             </div>
-            <div class="col-md-6" ng-if="!hideFolders">
+            <div class="col-sm-6" ng-if="!hideFolders">
                 <div class="form-group" show-errors>
                     <label for="folder">Folder</label>
                     <select id="folder" name="FolderId" ng-model="login.folderId" class="form-control" api-field>
@@ -50,7 +50,7 @@
             </div>
         </div>
         <div class="row">
-            <div class="col-md-6">
+            <div class="col-sm-6">
                 <div class="form-group" show-errors>
                     <label for="username">Username</label>
                     <div class="input-group">
@@ -66,7 +66,7 @@
                     </div>
                 </div>
             </div>
-            <div class="col-md-6">
+            <div class="col-sm-6">
                 <div class="form-group" show-errors style="margin-bottom: 5px;">
                     <div class="pull-right password-options">
                         <i class="fa fa-lg fa-refresh" uib-tooltip="Generate Password" tooltip-placement="left"
@@ -92,14 +92,14 @@
             </div>
         </div>
         <div class="row">
-            <div class="col-md-6">
+            <div class="col-sm-6">
                 <div class="form-group" show-errors>
                     <label for="totp">Authenticator Key (TOTP)</label>
                     <input type="text" id="totp" name="Totp" ng-model="login.totp" class="form-control"
                            ng-readonly="readOnly" api-field />
                 </div>
             </div>
-            <div class="col-md-6 totp-col">
+            <div class="col-sm-6 totp-col">
                 <div totp="login.totp" id="verification-code" ng-if="useTotp"></div>
                 <div ng-if="!useTotp">
                     <a href="#" stop-click ng-click="showUpgrade()"><img src="images/totp-countdown.png" alt="" /></a>
@@ -159,7 +159,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="col-md-1">
+                <div class="col-sm-1">
                     <br class="hidden-xs" />
                     <a href="#" ng-click="removeField(field)" stop-click ng-if="!readOnly">
                         <i class="fa fa-window-close-o fa-lg"></i>
diff --git a/src/less/vault.less b/src/less/vault.less
index 65bd5b9ce0c..6562a8ba84e 100644
--- a/src/less/vault.less
+++ b/src/less/vault.less
@@ -386,10 +386,18 @@ form .btn .loading-icon {
         font-size: @font-size-large;
     }
 }
+
 /* Modals */
 .modal-footer {
     text-align: left;
 }
+
+@media (min-width: @screen-sm-min) {
+    .modal-dialog {
+        width: 700px;
+    }
+}
+
 /* Tables */
 .table-selectable {
     td:not(.actions) {
@@ -759,7 +767,7 @@ h1, h2, h3, h4, h5, h6 {
         margin-bottom: 10px;
     }
 
-    @media (min-width: @screen-md) {
+    @media (min-width: @screen-sm) {
         .progress {
             margin-bottom: 0;
         }