style: more responsive layout

csaf-poc · Nov 15, 2023 · 57476d9 · 57476d9
1 parent 8df9700
commit 57476d9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/lib/feedview/Loader.svelte b/src/lib/feedview/Loader.svelte
@@ -41,7 +41,7 @@
 </script>
 
 <div class="row">
-  <div class="col-3">
+  <div class="col-6 col-3-lg">
     <div style="display:flex">
       <button
         class="loadbutton"
@@ -63,7 +63,7 @@
       >
     </div>
   </div>
-  <div class="col-9">
+  <div class="col-6 col-9-lg">
     <input class="url" type="text" bind:value={url} on:keydown={keydown} />
   </div>
 </div>

diff --git a/src/lib/singleview/LoadFromURL.svelte b/src/lib/singleview/LoadFromURL.svelte
@@ -41,7 +41,7 @@
 </script>
 
 <div class="row">
-  <div class="col-3">
+  <div class="col-6 col-3-lg">
     <div style="display:flex">
       <button class="loadbutton" title="View single CSAF document from URL" on:click={loads}>
         <span style="white-space:nowrap"
@@ -60,7 +60,7 @@
       >
     </div>
   </div>
-  <div class="col-9">
+  <div class="col-6 col-9-lg">
     <input class="url" type="text" bind:value={URL} on:keydown={keydown} />
   </div>
 </div>