Improvements to responsive sizing

svera · Dec 23, 2024 · c7924ec · c7924ec
1 parent 8e08188
commit c7924ec
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/internal/webserver/embedded/views/partials/actions.html b/internal/webserver/embedded/views/partials/actions.html
@@ -1,6 +1,6 @@
-<div class="d-grid gap-2 d-sm-block mx-auto d-sm-flex justify-content-sm-center actions mb-3">
+<div class="d-grid gap-2 mx-auto d-md-flex justify-content-md-center actions mb-3">
     {{if eq .Document.Format "EPUB"}}
-        <div class="btn-group mb-1" role="group" aria-label="Button group with nested dropdown">
+        <div class="btn-group mb-1 flex-md-fill" role="group" aria-label="Button group with nested dropdown">
             <button href="/documents/{{.Document.Slug}}/download" class="btn btn-sm btn-outline-secondary w-100" download>
                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-download" viewBox="0 0 16 16">
                     <path d="M4.406 1.342A5.53 5.53 0 0 1 8 0c2.69 0 4.923 2 5.166 4.579C14.758 4.804 16 6.137 16 7.773 16 9.569 14.502 11 12.687 11H10a.5.5 0 0 1 0-1h2.688C13.979 10 15 8.988 15 7.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 2.825 10.328 1 8 1a4.53 4.53 0 0 0-2.941 1.1c-.757.652-1.153 1.438-1.153 2.055v.448l-.445.049C2.064 4.805 1 5.952 1 7.318 1 8.785 2.23 10 3.781 10H6a.5.5 0 0 1 0 1H3.781C1.708 11 0 9.366 0 7.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383z"/>
@@ -24,7 +24,7 @@
             </ul>
         </div>
     {{else}}
-        <button href="/documents/{{.Document.Slug}}/download" class="btn btn-outline-secondary w-100 mb-1" download>
+        <button href="/documents/{{.Document.Slug}}/download" class="btn btn-outline-secondary w-100 mb-1 flex-md-fill" download>
             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cloud-download" viewBox="0 0 16 16">
                 <path d="M4.406 1.342A5.53 5.53 0 0 1 8 0c2.69 0 4.923 2 5.166 4.579C14.758 4.804 16 6.137 16 7.773 16 9.569 14.502 11 12.687 11H10a.5.5 0 0 1 0-1h2.688C13.979 10 15 8.988 15 7.773c0-1.216-1.02-2.228-2.313-2.228h-.5v-.5C12.188 2.825 10.328 1 8 1a4.53 4.53 0 0 0-2.941 1.1c-.757.652-1.153 1.438-1.153 2.055v.448l-.445.049C2.064 4.805 1 5.952 1 7.318 1 8.785 2.23 10 3.781 10H6a.5.5 0 0 1 0 1H3.781C1.708 11 0 9.366 0 7.318c0-1.763 1.266-3.223 2.942-3.593.143-.863.698-1.723 1.464-2.383z"/>
                 <path d="M7.646 15.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 14.293V5.5a.5.5 0 0 0-1 0v8.793l-2.146-2.147a.5.5 0 0 0-.708.708l3 3z"/>
@@ -39,7 +39,7 @@
         {{$sendToEmail := ""}}
         {{if .Session}}{{$sendToEmail = .Session.SendToEmail}}{{end}}
         {{if not $sendToEmail}}{{$disabled = true}}{{end}}
-        <div class="btn-group mb-1" role="group" aria-label="Button group with nested dropdown">
+        <div class="btn-group mb-1 flex-md-fill" role="group" aria-label="Button group with nested dropdown">
             <button hx-post="/documents/{{.Document.Slug}}/send" hx-swap="none" hx-include="[name='email'], [name='slug']" hx-indicator="#hx-spinner" class="btn btn-sm btn-outline-secondary w-100" {{if $disabled}}disabled{{end}}>
                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-fill" viewBox="0 0 16 16">
                     <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z"/>