template

static/css/components.css

@@ -130,6 +130,7 @@ textarea.form-control {
   align-items: center;
   margin-bottom: 2rem;
   box-sizing: border-box;
+  border-radius: var(--border-radius);
 }
 
 .nav-brand {

static/css/pages/pastepad.css

@@ -50,3 +50,7 @@
   width: 100%; /* Ensure full width */
   box-sizing: border-box;
 }
+
+.navbar:has( ~ .container .pastepad-container) {
+  max-width: 1000px;
+}

static/css/pages/queue.css

@@ -70,3 +70,7 @@ details:has(.route-list) {
 .queue-form textarea {
   resize: vertical;
 }
+
+.navbar:has(~ .container .queue-title) {
+  max-width: 800px;
+}

static/css/pages/trail.css

@@ -19,3 +19,9 @@
   color: #666;
   margin-top: 20px;
 }
+.trail-next {
+  max-width: 80%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

static/js/pastepad.js

@@ -78,7 +78,7 @@ document.addEventListener("DOMContentLoaded", () => {
                     <strong>${safeName}</strong>
                     <div class="actions">
                         <button onclick="editPaste('${safeName}')" class="btn-sm">Edit</button>
-                        <a href="/api/pastepad/${safeName}/raw" target="_blank" class="btn-sm">Raw</a>
+                        <a href="/api/pastepad/${safeName}/raw" target="_blank" class="btn btn-sm">Raw</a>
                         <button onclick="deletePaste('${safeName}')" class="btn-sm btn-danger">Delete</button>
                     </div>
                 </div>