Add more responsiveness improvements (#7)

src/textswitch.js

@@ -47,6 +47,10 @@ export class TextSwitch extends LitElement {
             ${commonStyles.getThemeCSS()}
             ${commonStyles.getButtonCSS()}
 
+            div {
+                white-space: nowrap;
+            }
+
             #button1 {
                 border-right-width: 0;
             }
@@ -91,11 +95,13 @@ export class TextSwitch extends LitElement {
         };
 
         return html`
-            <button @click="${onClick}" class="button ${this._active === BUTTON1 ? `active` : ``}" id="${BUTTON1}" ?disabled="${this.disabled}">
-                ${this.value1}
-            </button><button @click="${onClick}" class="button ${this._active === BUTTON2 ? `active` : ``}" id="${BUTTON2}" ?disabled="${this.disabled}">
-                ${this.value2}
-            </button>
+            <div>
+                <button @click="${onClick}" class="button ${this._active === BUTTON1 ? `active` : ``}" id="${BUTTON1}" ?disabled="${this.disabled}">
+                    ${this.value1}
+                </button><button @click="${onClick}" class="button ${this._active === BUTTON2 ? `active` : ``}" id="${BUTTON2}" ?disabled="${this.disabled}">
+                    ${this.value2}
+                </button>
+            </div>
         `;
     }
 }

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

@@ -647,9 +647,12 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(VPUSignatureLitEle
                 text-align: right;
             }
 
-            .file-block .filename {
+            .file-block .filename, .file-block div.bottom-line .headline {
                 text-overflow: ellipsis;
                 overflow: hidden;
+            }
+
+            .file-block .filename {
                 white-space: nowrap;
             }
 
@@ -693,6 +696,15 @@ class QualifiedSignaturePdfUpload extends ScopedElementsMixin(VPUSignatureLitEle
                     right: 10px;
                     bottom: inherit;
                 }
+
+                #grid-container > div {
+                    margin-right: 0;
+                    width: 100%;
+                }
+
+                .file-block {
+                    max-width: inherit;
+                }
             }
         `;
     }