Minor design update for roles list in settings.

VERSION

@@ -1 +1 @@
-20241218
+20241218.1

assets/misuzu.css/settings/role.css

@@ -4,13 +4,12 @@
     border-radius: 2px;
     margin: 2px;
     overflow: hidden;
-    width: 200px;
 }
 
 .settings__role__collection {
     display: flex;
-    flex-wrap: wrap;
     justify-content: center;
+    flex-direction: column;
     margin: 2px;
 }
 
@@ -19,14 +18,25 @@
     width: 100%;
     height: 100%;
     display: flex;
-    flex-direction: column;
+    align-items: center;
 }
 
 .settings__role__name {
     font-size: 1.2em;
     line-height: 1.7em;
-    border-bottom: 1px solid var(--accent-colour);
     padding: 0 5px;
+    margin: 2px 0;
+    min-width: 160px;
+    text-align: right;
+}
+
+.settings__role__separator {
+    flex-grow: 0;
+    flex-shrink: 0;
+    background-color: var(--accent-colour);
+    width: 1px;
+    align-self: stretch;
+    margin: 5px 0;
 }
 
 .settings__role__description {

templates/settings/account.twig

@@ -80,6 +80,8 @@
                                 {{ role.name }}
                             </div>
 
+                            <div class="settings__role__separator"></div>
+
                             <div class="settings__role__description">
                                 {{ role.description }}
                             </div>