Fix few markup inconsistencies

src/components/drafts/drafts.vue

@@ -1,15 +1,18 @@
 <template>
   <div class="Drafts">
     <div class="panel panel-default">
-      <div class="panel-heading">
+      <div class="panel-heading -sticky">
         <div class="title">
           {{ $t('drafts.drafts') }}
         </div>
       </div>
       <div class="panel-body">
-        <p v-if="drafts.length === 0">
+        <div
+          v-if="drafts.length === 0"
+          class="empty-drafs-list-alert"
+        >
           {{ $t('drafts.no_drafts') }}
-        </p>
+        </div>
         <List
           v-else
           :items="drafts"
@@ -33,4 +36,13 @@
 .draft {
   margin: 1em 0;
 }
+
+.empty-drafs-list-alert {
+  padding: 3em;
+  font-size: 1.2em;
+  display: flex;
+  justify-content: center;
+  color: var(--textFaint);
+}
+
 </style>