css: fix status form and heading color in classic theme

src/plugins/profile/templates/chat-status-form.js

@@ -31,7 +31,7 @@ export default (el) => {
                 />
                 <label class="form-check-label" for="radio-online">
                     <converse-icon size="1em" class="fa fa-circle chat-status chat-status--online"></converse-icon
-                    >${i18n_online}
+                    >&nbsp;${i18n_online}
                 </label>
             </div>
             <div class="form-check">
@@ -45,7 +45,7 @@ export default (el) => {
                 />
                 <label class="form-check-label" for="radio-busy">
                     <converse-icon size="1em" class="fa fa-minus-circle chat-status chat-status--busy"></converse-icon
-                    >${i18n_busy}
+                    >&nbsp;${i18n_busy}
                 </label>
             </div>
             <div class="form-check">
@@ -59,7 +59,7 @@ export default (el) => {
                 />
                 <label class="form-check-label" for="radio-away">
                     <converse-icon size="1em" class="fa fa-circle chat-status chat-status--away"></converse-icon
-                    >${i18n_away}
+                    >&nbsp;${i18n_away}
                 </label>
             </div>
             <div class="form-check">
@@ -73,7 +73,7 @@ export default (el) => {
                 />
                 <label class="form-check-label" for="radio-xa">
                     <converse-icon size="1em" class="far fa-circle chat-status chat-status--xa"></converse-icon
-                    >${i18n_xa}
+                    >&nbsp;${i18n_xa}
                 </label>
             </div>
         </div>

src/shared/styles/status.scss

@@ -1,15 +1,16 @@
 .conversejs {
     .chat-status {
-        vertical-align: middle;
-        margin-inline-end: 0;
         border-radius: 50%;
         font-size: 1em;
+        margin-inline-end: 0;
+        padding-bottom: 0.2em;
+        vertical-align: middle;
 
         &.chat-status--avatar {
+          border-radius: 50%;
           font-size: 0.6rem;
-          margin-inline-start: -0.7em;
           margin-bottom: -1.9em;
-          border-radius: 50%;
+          margin-inline-start: -0.7em;
         }
     }
     .chat-status--offline {

src/shared/styles/themes/classic.scss

@@ -77,7 +77,7 @@
     --disabled-color: gray;
     --error-color: var(--red);
     --focus-color: var(--light-blue);
-    --heading-color: var(--background-color);
+    --heading-color: var(--light-blue);
     --headlines-color: var(--orange);
     --link-color: #2D3991;
     --subdued-color: gray;