Improve headings structure (#1883)

The content of the SCM-Manager should be made accessible and usable in a sensibly structured way so that web content is easy to use for ever user.

scm-ui/ui-webapp/src/repos/containers/ArchiveRepo.tsx

@@ -55,12 +55,12 @@ const ArchiveRepo: FC<Props> = ({ repository, confirmDialog = true }) => {
         {
           className: "is-outlined",
           label: t("archiveRepo.confirmAlert.submit"),
-          onClick: () => archiveRepoCallback(),
+          onClick: () => archiveRepoCallback()
         },
         {
           label: t("archiveRepo.confirmAlert.cancel"),
-          onClick: () => null,
-        },
+          onClick: () => null
+        }
       ]}
       close={() => setShowConfirmAlert(false)}
     />
@@ -72,11 +72,10 @@ const ArchiveRepo: FC<Props> = ({ repository, confirmDialog = true }) => {
       {showConfirmAlert && confirmAlert}
       <Level
         left={
-          <p>
-            <strong>{t("archiveRepo.subtitle")}</strong>
-            <br />
-            {t("archiveRepo.description")}
-          </p>
+          <div>
+            <h4 className="has-text-weight-bold">{t("archiveRepo.subtitle")}</h4>
+            <p>{t("archiveRepo.description")}</p>
+          </div>
         }
         right={
           <Button color="warning" icon="archive" label={t("archiveRepo.button")} action={action} loading={isLoading} />