Apply is-icon buttons

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

@@ -341,7 +341,7 @@ class OfficialSignaturePdfUpload extends ScopedElementsMixin(DBPSignatureLitElem
                             (${humanFileSize(file.size)})
                         </span>
                         <button
-                            class="button close"
+                            class="button close is-icon"
                             ?disabled="${this.signingProcessEnabled}"
                             title="${i18n.t('official-pdf-upload.remove-queued-file-button-title')}"
                             @click="${() => {
@@ -426,7 +426,7 @@ class OfficialSignaturePdfUpload extends ScopedElementsMixin(DBPSignatureLitElem
                             (${humanFileSize(file.contentSize)})
                         </span>
                         <button
-                            class="button"
+                            class="button is-icon"
                             title="${i18n.t('official-pdf-upload.download-file-button-title')}"
                             @click="${() => {
                                 this.downloadFileClickHandler(file, 'file-block-' + id);
@@ -467,7 +467,7 @@ class OfficialSignaturePdfUpload extends ScopedElementsMixin(DBPSignatureLitElem
                         </span>
                         <div class="buttons">
                             <button
-                                class="button"
+                                class="button is-icon"
                                 title="${i18n.t('official-pdf-upload.re-upload-file-button-title')}"
                                 @click="${() => {
                                     this.fileQueueingClickHandler(data.file, id);
@@ -475,7 +475,7 @@ class OfficialSignaturePdfUpload extends ScopedElementsMixin(DBPSignatureLitElem
                                 <dbp-icon name="reload"></dbp-icon>
                             </button>
                             <button
-                                class="button"
+                                class="button is-icon"
                                 title="${i18n.t(
                                     'official-pdf-upload.remove-failed-file-button-title'
                                 )}"

src/dbp-pdf-annotation-view.js

@@ -383,7 +383,7 @@ export class PdfAnnotationView extends ScopedElementsMixin(DBPLitElement) {
                     <div class="inner-grid">
                         <label><strong>${name}</strong></label>
                         <button
-                            class="button close"
+                            class="button close is-icon"
                             title="${i18n.t('annotation-view.remove-field')}"
                             @click="${() => {
                                 this.removeAnnotation(id);

src/dbp-pdf-preview.js

@@ -666,7 +666,7 @@ export class PdfPreview extends ScopedElementsMixin(DBPLitElement) {
                             </button>
                             <div class="nav-buttons">
                                 <button
-                                    class="button"
+                                    class="button is-icon"
                                     title="${i18n.t('pdf-preview.first-page')}"
                                     @click="${async () => {
                                         await this.showPage(1);
@@ -676,7 +676,7 @@ export class PdfPreview extends ScopedElementsMixin(DBPLitElement) {
                                     <dbp-icon name="angle-double-left"></dbp-icon>
                                 </button>
                                 <button
-                                    class="button"
+                                    class="button is-icon"
                                     title="${i18n.t('pdf-preview.previous-page')}"
                                     @click="${async () => {
                                         if (this.currentPage > 1)
@@ -698,7 +698,7 @@ export class PdfPreview extends ScopedElementsMixin(DBPLitElement) {
                                     })}
                                 </div>
                                 <button
-                                    class="button"
+                                    class="button is-icon"
                                     title="${i18n.t('pdf-preview.next-page')}"
                                     @click="${async () => {
                                         if (this.currentPage < this.totalPages)
@@ -709,7 +709,7 @@ export class PdfPreview extends ScopedElementsMixin(DBPLitElement) {
                                     <dbp-icon name="chevron-right"></dbp-icon>
                                 </button>
                                 <button
-                                    class="button"
+                                    class="button is-icon"
                                     title="${i18n.t('pdf-preview.last-page')}"
                                     @click="${async () => {
                                         await this.showPage(this.totalPages);

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

@@ -472,7 +472,7 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(DBPSignatureLitEle
                             (${humanFileSize(file.size)})
                         </span>
                         <button
-                            class="button close"
+                            class="button close is-icon"
                             ?disabled="${this.signingProcessEnabled}"
                             title="${i18n.t(
                                 'qualified-pdf-upload.remove-queued-file-button-title'
@@ -559,7 +559,7 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(DBPSignatureLitEle
                             (${humanFileSize(file.contentSize)})
                         </span>
                         <button
-                            class="button"
+                            class="button is-icon"
                             title="${i18n.t('qualified-pdf-upload.download-file-button-title')}"
                             @click="${() => {
                                 this.downloadFileClickHandler(file, 'file-block-' + id);
@@ -600,7 +600,7 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(DBPSignatureLitEle
                         </span>
                         <div class="buttons">
                             <button
-                                class="button"
+                                class="button is-icon"
                                 title="${i18n.t(
                                     'qualified-pdf-upload.re-upload-file-button-title'
                                 )}"
@@ -610,7 +610,7 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(DBPSignatureLitEle
                                 <dbp-icon name="reload"></dbp-icon>
                             </button>
                             <button
-                                class="button"
+                                class="button is-icon"
                                 title="${i18n.t(
                                     'qualified-pdf-upload.remove-failed-file-button-title'
                                 )}"

src/styles.js

@@ -140,17 +140,21 @@ export function getSignatureCss() {
         }
 
         .file-block {
-            max-width: 320px;
+            width: 320px;
             margin-bottom: 10px;
         }
 
         .file-block .header {
-            display: grid;
+            display: flex;
             align-items: center;
-            grid-template-columns: auto 40px;
+            justify-content: space-between;
             grid-gap: 10px;
         }
         
+        .file-block .header button{
+            flex-shrink: 0;
+        }
+
         .file-block.error .header {
             grid-template-columns: auto 80px;
         }
@@ -301,7 +305,7 @@ export function getSignatureCss() {
             }
 
             .file-block {
-                max-width: inherit;
+                width: inherit;
             }
 
             #pdf-preview,