Improve CSS

Xwilarg · Dec 18, 2024 · e03de57 · e03de57
1 parent cf94a65
commit e03de57
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 7 deletions.
diff --git a/css/style.css b/css/style.css
@@ -1,5 +1,12 @@
+h3 {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+}
+
 html {
-    width: max-content;
+    width: 500px;
+    text-align: center;
 }
 
 #htmlLight {
@@ -31,10 +38,15 @@ html {
     background-color: #888;
 }
 
-#center {
-    text-align: center;
-}
-
 #progressBar {
     width: 100%;
+}
+
+input[type="button"] {
+    border-radius: 5px;
+}
+
+input[type="button"]:hover {
+    color: #e31b53;
+    background-color: white;
 }
diff --git a/src/preview/message.ts b/src/preview/message.ts
@@ -21,7 +21,7 @@ export module message
     }
 
     export function downloadInfo(title: string, nbOfPages: number, extension: string): string {
-        return '<h3 id="center">' + title + '</h3><div id="center">(' + nbOfPages + ' pages)' +
+        return '<h3>' + title + '</h3><div>(' + nbOfPages + ' pages)' +
             '</div><br/><input type="button" id="button" value="Download" autofocus/><br/><br/>Downloads/<input type="text" id="path"/>' + extension;
     }
 

diff --git a/src/preview/popup.ts b/src/preview/popup.ts
@@ -146,7 +146,7 @@ export default class Popup
         let nbDownload = 0;
         let currPage = 0;
         let maxPage = 0;
-        let html =  '<h3 id="center">' + i + ' doujinshi' + (i > 1 ? 's' : '') + ' found</h3>' + finalHtml
+        let html =  '<h3>' + i + ' doujinshi' + (i > 1 ? 's' : '') + ' found</h3>' + finalHtml
         + '<input type="button" id="invert" value="Invert all"/><input type="button" id="remove" value="Clear all"/><br/><br/><input type="button" id="button" value="Download"/>';
         let lastMatch = /page=([0-9]+)" class="last">/.exec(pageHtml) // Get the number of pages
         if (lastMatch !== null) {