Fix padding in controlbox.

We want highlighted items to have a full width, so we need to pad the
individual `li` elements.

src/plugins/controlbox/styles/_controlbox.scss

@@ -46,10 +46,6 @@
             display: block;
         }
 
-        converse-user-profile {
-            padding: 0.5em 1em;
-        }
-
         .brand-name-wrapper {
             font-size: 200%;
             padding-inline-end: 0.5em;
@@ -141,6 +137,7 @@
         }
 
         .controlbox-padded {
+            padding: 0 0.5em;
             align-items: center;
             line-height: normal;
         }
@@ -152,7 +149,7 @@
             left: 0;
             overflow-x: hidden;
             overflow-y: auto;
-            padding: 0.5em;
+            padding: 0;
             text-align: start;
 
             .add-converse-contact {

src/plugins/profile/styles/profile.scss

@@ -1,4 +1,6 @@
 converse-user-profile {
+    padding: 0.5em;
+
     .change-status {
         min-width: 25px;
         text-align: center;

src/plugins/roomslist/styles/roomsgroups.scss

@@ -20,7 +20,7 @@
             }
 
             .list-item {
-                padding: 0;
+                padding: 0 0.5em;
                 .open-room {
                     display: flex;
                     flex-direction: row;