Just improved some UI and organized footer section while printing

utkarsh-1905 · Jan 7, 2025 · cc25dfd · cc25dfd
1 parent 23fdc52
commit cc25dfd
Showing 1 changed file with 13 additions and 37 deletions.
diff --git a/templates/table.html b/templates/table.html
@@ -55,7 +55,6 @@
       }
 
       @media print {
-      /* Ensure content fits on one page */
         body {
           margin: 0;
           padding: 0;
@@ -75,7 +74,7 @@
 
         .table, .table td {
           font-size: 11px;
-          padding: 3px; 
+          padding: 3px;
           line-height: 1.4;
         }
 
@@ -91,53 +90,30 @@
           text-align: center;
           font-size: 8px;
           margin-top: 10px;
-          padding: 5px;
-          /* white-space: nowrap; */
-          page-break-before: auto;
+          padding: 5px 0;
           line-height: 1;
-          /* overflow: hidden;  */
+          page-break-before: auto;
         }
 
         footer p {
-          margin: 3px 0;
-        }
-
-        footer .badge {
-          margin: 0 3px;
-          font-size: 8px;
-        }
-
-        footer a {
-          color: white;
-          text-decoration: none;
-        }
-
-        footer img {
-          width: 200px; 
-          height: 200px;
-          margin: 0 5px;
-          vertical-align: top;
+          margin: 0;
         }
 
         footer .text-warning {
-          font-size: 10px;
-          margin-top: 2px;
-  }
-
-        footer .text-warning {
-          display: none;
+          display: none; /* Removes "Project Contributors" line */
         }
 
-        footer p {
-          line-height: 1.2;
-          display: inline-block;
-          width: 100%;
+        footer img {
+          display: block;
+          margin: 0 auto;
+          width: 200px;
+          height: auto;
         }
 
         footer .text-danger {
           font-size: 10px;
           line-height: 1.2;
-          display: inline-block;
+          margin-bottom: 5px;
         }
 
         #timetable {
@@ -156,12 +132,12 @@
         }
 
         footer {
-          margin-top: 10px;
-          max-height: 50px;
+          max-height: 100px; /* Compress banner height */
         }
       }
 
 
+
     </style>
   </head>