Little style improvements

layouts/default.vue

@@ -41,6 +41,15 @@
                 >
                   <div class="avatar-menu-popover">
                     {{ $t('login.hello') }} <b>{{ user.name }}</b>
+                    <template v-if="user.role !== 'user'">
+                      <ds-text
+                        color="softer"
+                        size="small"
+                        style="margin-bottom: 0"
+                      >
+                        {{ user.role | camelCase }}
+                      </ds-text>
+                    </template>
                     <ds-menu
                       :routes="routes"
                       :is-exact="isExact"

pages/settings/index.vue

@@ -1,6 +1,8 @@
 <template>
   <ds-card space="small">
-    {{ $t('settings.data.name') }}
+    <ds-heading tag="h3">
+      {{ $t('settings.data.name') }}
+    </ds-heading>
     <ds-input
       id="name"
       v-model="form.name"

styleguide/src/system/components/data-input/shared/input.scss

@@ -96,10 +96,6 @@
       padding-left: $input-height-small;
     }
 
-    .ds-input-size-small & {
-      padding-left: $input-height-small;
-    }
-
     .ds-input-size-large & {
       padding-left: $input-height-large;
     }
@@ -115,9 +111,5 @@
     .ds-input-size-large & {
       padding-right: $input-height-large;
     }
-
-    .ds-input-size-large & {
-      padding-right: $input-height-large;
-    }
   }
 }