From eb5ad7c6dca6c16aa200e8e87adff8321cd3160b Mon Sep 17 00:00:00 2001
From: syntaxerror752 <revan1234@hotmail.com>
Date: Fri, 29 May 2020 21:28:26 +1000
Subject: [PATCH] Added UI scaling tickbox to options menu

---
 src/app/settings/options.component.html | 10 ++++++++++
 src/locales/en/messages.json            |  7 +++++++
 src/locales/en_GB/messages.json         |  7 +++++++
 src/scss/styles.scss                    |  4 ++++
 4 files changed, 28 insertions(+)

diff --git a/src/app/settings/options.component.html b/src/app/settings/options.component.html
index 79a6c35bbe..182f0088ec 100644
--- a/src/app/settings/options.component.html
+++ b/src/app/settings/options.component.html
@@ -76,6 +76,16 @@
             </a>
         </div>
         <small class="form-text text-muted">{{'enableGravatarsDesc' | i18n}}</small>
+    </div>
+	<div class="form-group">
+        <div class="form-check">
+            <input class="form-check-input" type="checkbox" id="enableUIScaling" name="enableUIScaling"
+                [(ngModel)]="enableUIScaling">
+            <label class="form-check-label" for="enableUIScaling">
+                {{'enableUIScaling' | i18n}}
+            </label>
+        </div>
+        <small class="form-text text-muted">{{'enableUIScalingDesc' | i18n}}</small>
     </div>
     <button type="submit" class="btn btn-primary">
         {{'save' | i18n}}
diff --git a/src/locales/en/messages.json b/src/locales/en/messages.json
index 832b597078..91b0321030 100644
--- a/src/locales/en/messages.json
+++ b/src/locales/en/messages.json
@@ -1044,6 +1044,13 @@
   "enableGravatarsDesc": {
     "message": "Use avatar images loaded from gravatar.com."
   },
+  "enableUIScaling": {
+    "message": "Enable UI Scaling",
+    "description": "Allows scaling the web vault UI's width"
+  },
+  "enableUIScalingDesc": {
+    "message": "Allows expanding the web vault view to fill the full width of the browser window."
+  },
   "default": {
     "message": "Default"
   },
diff --git a/src/locales/en_GB/messages.json b/src/locales/en_GB/messages.json
index d15c21696f..0824d2df95 100644
--- a/src/locales/en_GB/messages.json
+++ b/src/locales/en_GB/messages.json
@@ -1044,6 +1044,13 @@
   "enableGravatarsDesc": {
     "message": "Use avatar images loaded from gravatar.com."
   },
+  "enableUIScaling": {
+    "message": "Enable UI Scaling",
+    "description": "Allows scaling the web vault UI's width"
+  },
+  "enableUIScalingDesc": {
+    "message": "Allows expanding the web vault view to fill the full width of the browser window."
+  },
   "default": {
     "message": "Default"
   },
diff --git a/src/scss/styles.scss b/src/scss/styles.scss
index d85b084f8b..564c08dd5b 100644
--- a/src/scss/styles.scss
+++ b/src/scss/styles.scss
@@ -192,6 +192,10 @@ input, select, textarea {
     max-width: none !important;
     margin: 0 auto;
     padding: 0;
+    &.full-width {
+        min-width: 980px;
+        width: 90%;
+    }
 }
 
 .page-content {