From 50d393e0f958032f5a044bda6bb18de4545560df Mon Sep 17 00:00:00 2001
From: jeremystretch <jstretch@ns1.com>
Date: Wed, 8 Dec 2021 16:36:06 -0500
Subject: [PATCH] Clean up user preferences view

---
 netbox/templates/users/preferences.html | 86 ++++++++++++-------------
 1 file changed, 42 insertions(+), 44 deletions(-)

diff --git a/netbox/templates/users/preferences.html b/netbox/templates/users/preferences.html
index 156767e8d..bbb92bde0 100644
--- a/netbox/templates/users/preferences.html
+++ b/netbox/templates/users/preferences.html
@@ -4,56 +4,54 @@
 {% block title %}User Preferences{% endblock %}
 
 {% block content %}
-<form method="post" action="" id="preferences-update">
+  <form method="post" action="" id="preferences-update">
     {% csrf_token %}
     <div class="field-group mb-3">
-        <h5 class="text-center">Color Mode</h5>
-        <p class="lead text-muted">Set preferred UI color mode</p>
-        {% with color_mode=preferences|get_key:'ui.colormode'%}
-        <div class="form-check form-check-inline">
-            <input class="form-check-input" type="radio" name="ui.colormode" id="color-mode-preference-dark" value="dark"{% if color_mode == 'dark'%} checked{% endif %}>
-            <label class="form-check-label" for="color-mode-preference-dark">Dark</label>
-        </div>
-        <div class="form-check form-check-inline">
-            <input class="form-check-input" type="radio" name="ui.colormode" id="color-mode-preference-light" value="light"{% if color_mode == 'light'%} checked{% endif %}>
-            <label class="form-check-label" for="color-mode-preference-light">Light</label>
-        </div>
-        {% endwith %}
+      <h5>Color Mode</h5>
+      <p class="text-muted">Set preferred UI color mode</p>
+      {% with color_mode=preferences|get_key:'ui.colormode'%}
+      <div class="form-check form-check-inline">
+        <input class="form-check-input" type="radio" name="ui.colormode" id="color-mode-preference-dark" value="dark"{% if color_mode == 'dark'%} checked{% endif %}>
+        <label class="form-check-label" for="color-mode-preference-dark">Dark</label>
+      </div>
+      <div class="form-check form-check-inline">
+        <input class="form-check-input" type="radio" name="ui.colormode" id="color-mode-preference-light" value="light"{% if color_mode == 'light'%} checked{% endif %}>
+        <label class="form-check-label" for="color-mode-preference-light">Light</label>
+      </div>
+      {% endwith %}
     </div>
-    <div class="row">
-        <div class="col">
-            <button type="submit" class="btn btn-primary" name="_update">
-                Save
-            </button>
-        </div>
+    <div class="row mb-3">
+      <div class="col">
+        <button type="submit" class="btn btn-primary" name="_update">Save</button>
+      </div>
     </div>
-{% if preferences %}
-<div class="field-group mb-3">
-    <h5 class="text-center">Other Preferences</h5>
-    <table class="table table-striped">
-        <thead>
+    {% if preferences %}
+      <div class="field-group mb-3">
+        <h5>Other Preferences</h5>
+        <table class="table table-striped">
+          <thead>
             <tr>
-                <th><input type="checkbox" class="toggle form-check-input" title="Toggle All"></th>
-                <th>Preference</th>
-                <th>Value</th>
+              <th><input type="checkbox" class="toggle form-check-input" title="Toggle All"></th>
+              <th>Preference</th>
+              <th>Value</th>
             </tr>
-        </thead>
-        <tbody>
+          </thead>
+          <tbody>
             {% for key, value in preferences.items %}
-                <tr>
-                    <td class="min-width"><input class="form-check-input" type="checkbox" name="pk" value="{{ key }}"></td>
-                    <td><samp>{{ key }}</samp></td>
-                    <td><samp>{{ value }}</samp></td>
-                </tr>
+              <tr>
+                <td class="min-width"><input class="form-check-input" type="checkbox" name="pk" value="{{ key }}"></td>
+                <td><samp>{{ key }}</samp></td>
+                <td><samp>{{ value }}</samp></td>
+              </tr>
             {% endfor %}
-        </tbody>
-    </table>
-    <button type="submit" class="btn btn-danger" name="_delete">
-        <span class="mdi mdi-trash-can-outline" aria-hidden="true"></span> Clear Selected
-    </button>
-</div>
-{% else %}
-    <h3 class="text-muted text-center">No Preferences Found</h3>
-{% endif %}
-</form>
+          </tbody>
+        </table>
+        <button type="submit" class="btn btn-danger" name="_delete">
+          <span class="mdi mdi-trash-can-outline" aria-hidden="true"></span> Clear Selected
+        </button>
+      </div>
+    {% else %}
+      <h3 class="text-muted text-center">No preferences found</h3>
+    {% endif %}
+  </form>
 {% endblock %}