styling & structure fixes to apps/dash/_parts/_applets.html, _dash.scss & _palette-picker.scss

src/templates/apps/dashboard/_partials/_applets.html

@@ -57,14 +57,18 @@
                     <form method="POST" action="{% url "set_profile" %}">
                         {% csrf_token %}
                         <div class="username-field">
-                            <span class="username-at">@</span>
+                            <span class="username-at"><h1>@</h1></span>
                             <input
                                 id="id_new_username"
                                 name="username"
                                 required
                                 value="{{ user.username|default:'' }}"
+                                autocomplete="off"
+                                data-original="{{ user.username|default:'' }}"
+                                oninput="this.closest('form').querySelector('.save-btn').hidden = (this.value === this.dataset.original)"
                             >
                         </div>
+                        <button type="submit" class="btn btn-confirm save-btn" hidden>OK</button>
                     </form>
                 </section>
             {% elif entry.applet.slug == "palette" %}