Improve headlines

src/dbp-official-signature-pdf-upload.js

@@ -602,6 +602,12 @@ class OfficialSignaturePdfUpload extends ScopedElementsMixin(DBPSignatureLitElem
                 border: solid 2px var(--dbp-override-danger-bg-color);
             }
 
+            .subheadline{
+                font-style: italic;
+                padding-left: 2em;
+                margin-top: -5px;
+            }
+
             /* Handling for small displays (like mobile devices) */
             @media (max-width: 680px) {
                 /* Modal preview, upload and external auth */
@@ -765,10 +771,10 @@ class OfficialSignaturePdfUpload extends ScopedElementsMixin(DBPSignatureLitElem
                 <div class="field">
                     <h2>${i18n.t('official-pdf-upload.upload-field-label')}</h2>
                     <div class="control">
-                        <p>
+                        <p class="subheadline">
                             ${i18n.t('official-pdf-upload.sub-headline')}
                         </p>
-                        <p class="border">
+                        <p>
                             ${i18n.t('official-pdf-upload.upload-text')}
                         </p>
                         <button @click="${() => { this._("#file-source").setAttribute("dialog-open", ""); }}"
@@ -795,7 +801,7 @@ class OfficialSignaturePdfUpload extends ScopedElementsMixin(DBPSignatureLitElem
                             ></dbp-file-source>
                     </div>
                 </div>
-                <div id="grid-container"öä--.>
+                <div id="grid-container">
                     <div class="left-container">
                         <div class="files-block field ${classMap({hidden: !this.queueBlockEnabled})}">
                             <!-- Queued files headline and queueing spinner -->

src/dbp-qualified-signature-pdf-upload.js

@@ -749,6 +749,12 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(DBPSignatureLitEle
                 border: solid 2px var(--dbp-override-danger-bg-color);
             }
             
+            .subheadline{
+                font-style: italic;
+                padding-left: 2em;
+                margin-top: -5px;
+            }
+            
             
 
             /* Handling for small displays (like mobile devices) */
@@ -932,10 +938,10 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(DBPSignatureLitEle
                 <div class="field ${classMap({"is-disabled": this.isUserInterfaceDisabled()})}">
                     <h2>${i18n.t('qualified-pdf-upload.upload-field-label')}</h2>
                     <div class="control">
-                        <p>
+                        <p class="subheadline">
                             ${i18n.t('qualified-pdf-upload.sub-headline')}
                         </p>
-                        <p class="border">
+                        <p>
                                 ${i18n.t('qualified-pdf-upload.upload-text')}
                         </p>
                         <button @click="${() => { this._("#file-source").setAttribute("dialog-open", ""); }}"

src/dbp-signature-verification-full.js

@@ -517,6 +517,12 @@ class SignatureVerificationFull extends ScopedElementsMixin(DBPSignatureLitEleme
                 padding-top: 2rem;
             }
 
+            .subheadline{
+                font-style: italic;
+                padding-left: 2em;
+                margin-top: -5px;
+            }
+
             /* Handling for small displays (like mobile devices) */
             @media (max-width: 680px) {
                 /* Modal preview, upload and external auth */
@@ -690,10 +696,10 @@ class SignatureVerificationFull extends ScopedElementsMixin(DBPSignatureLitEleme
                 <div class="field">
                     <h2>${i18n.t('signature-verification.upload-field-label')}</h2>
                     <div class="control">
-                        <p>
+                        <p class="subheadline">
                             ${i18n.t('signature-verification.sub-headline')}
                         </p>
-                        <p class="border">
+                        <p>
                             ${i18n.t('signature-verification.upload-text')}
                         </p>
                         <button @click="${() => { this._("#file-source").setAttribute("dialog-open", ""); }}"

src/dbp-signature-verification.js

@@ -93,12 +93,21 @@ class SignatureVerification extends ScopedElementsMixin(DBPSignatureLitElement)
                 animation: 0s linkIconIn;
                 font-size: 103%;
             }
+
+            .subheadline{
+                font-style: italic;
+                padding-left: 2em;
+                margin-top: -5px;
+            }
         `;
     }
 
     render() {
         return html`
             <h2>${i18n.t('signature-verification-extern.headline')}</h2>
+            <p class="subheadline">
+                ${i18n.t('signature-verification.sub-headline')}
+            </p>
             <p>
                 ${i18n.t('signature-verification-extern.description-text')}
             </p>

toolkit @ ce55e452

-Subproject commit 154b295ecc8591fe5c5263d72f97362add25457b
+Subproject commit ce55e4527aecc89429af61f600472992fb6a1e76