Quick Info CSS Change

- Changed min width from 800 to 1000 - Changed labels of quick stats - Changed quick stats text label size so that it can fix better and prevent going to the next line
programmingKyle · May 11, 2024 · 1a6d194 · 1a6d194
1 parent 9a7abe4
commit 1a6d194
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 20 deletions.
diff --git a/src/index.css b/src/index.css
@@ -48,7 +48,7 @@ input {
   box-shadow: inset 0px 0px 5px #0e0e0e;
 }
 
-.inner-container h5 {
+.inner-container h6 {
   color: #7c90db;
 }
 
@@ -142,8 +142,6 @@ p {
   filter: brightness(1.2);
 }
 
-
-
 h1,h2,h3,h4,h5,h6 {
   padding: 0px;
   margin: 0px;

diff --git a/src/index.html b/src/index.html
@@ -45,35 +45,35 @@ <h1 class="fas fa-home" style="color: #7C90DB"></h1>
         <div class="quick-stats-top-bar-grid">
           <div class="inner-container header-and-container">
             <h3 id="totalActiveTasksCount"></h3>
-            <h5>Active Tasks</h5>
+            <h6>Active Tasks</h6>
           </div>
           <div class="inner-container header-and-container">
             <h3 id="totalCompleteTasksCount"></h3>
-            <h5>Complete Tasks</h5>
+            <h6>Complete Tasks</h6>
           </div>
           <div class="inner-container header-and-container">
             <h3 id="newTotalTaskCount"></h3>
-            <h5>New Tasks (7 Days)</h5>
+            <h6>New Tasks</h6>
           </div>
           <div class="inner-container header-and-container">
             <h3 id="newCompleteTaskCount"></h3>
-            <h5>Complete (7 Days)</h5>
+            <h6>New Complete</h6>
           </div>
           <div class="inner-container header-and-container">
             <h3 id="totalProjectsCount"></h3>
-            <h5>Total Projects</h5>
+            <h6>Total Projects</h6>
           </div>  
           <div class="inner-container header-and-container">
             <h3 id="newProjectCount"></h3>
-            <h5>New Projects (7 Days)</h5>
+            <h6>New Projects</h6>
           </div>  
           <div class="inner-container header-and-container">
             <h3 id="activeBulletpointsCount"></h3>
-            <h5>Active Bullets</h5>
+            <h6>Active Bullets</h6>
           </div>  
           <div class="inner-container header-and-container">
             <h3 id="completeBulletpointsCount"></h3>
-            <h5>Complete Bullets</h5>
+            <h6>Complete Bullets</h6>
           </div>  
         </div>
       </div>

diff --git a/src/index.js b/src/index.js
@@ -67,7 +67,7 @@ const createWindow = () => {
   mainWindow = new BrowserWindow({
     width: width,
     height: height,
-    minWidth: 800,
+    minWidth: 1000,
     minHeight:  600,
     x: x,
     y: y,

diff --git a/src/project.html b/src/project.html
@@ -125,35 +125,35 @@ <h2 id="completeText">Do you want to complete this project?</h2>
         <div id="quickProjectStats" class="quick-stats-top-bar-grid">
           <div class="inner-container header-and-container">
             <h3 id="activeTaskCount"></h3>
-            <h5>Active Tasks</h5>
+            <h6>Active Tasks</h6>
           </div>
           <div class="inner-container header-and-container">
             <h3 id="completeTaskCount"></h3>
-            <h5>Complete Tasks</h5>
+            <h6>Complete Tasks</h6>
           </div>
           <div class="inner-container header-and-container">
             <h3 id="newTaskCount"></h3>
-            <h5>New Tasks (7 Days)</h5>
+            <h6>New Tasks</h6>
           </div>
           <div class="inner-container header-and-container">
             <h3 id="newCompleteCount"></h3>
-            <h5>Complete (7 Days)</h5>
+            <h6>New Complete</h6>
           </div>
           <div class="inner-container header-and-container">
             <h3 id="activeProjectBulletpointsText"></h3>
-            <h5>Active Bullets</h5>
+            <h6>Active Bullets</h6>
           </div>  
           <div class="inner-container header-and-container">
             <h3 id="completeProjectBulletpointsText"></h3>
-            <h5>Complete Bullets</h5>
+            <h6>Complete Bullets</h6>
           </div>
           <div class="inner-container header-and-container">
             <h3 id="projectDateCreatedText"></h3>
-            <h5>Project Created</h5>
+            <h6>Project Created</h6>
           </div>  
           <div class="inner-container header-and-container">
             <h3 id="projectStatusText"></h3>
-            <h5>Status</h5>
+            <h6>Status</h6>
           </div>
         </div>
         <div id="editProjectDiv" style="display: none; grid-template-columns: repeat(3, 1fr); grid-gap: 10px;">