diff --git a/app.js b/app.js index 87da26e8..420c1163 100644 --- a/app.js +++ b/app.js @@ -298,14 +298,14 @@ addWhatappEventHandler(); // service worker -if('serviceWorker' in navigator){ - window.addEventListener('load', () => { - navigator.serviceWorker.register('/sw.js') - .then( (reg)=>{ - console.log('service worker registered', reg) - }) - .catch((err)=> console.log('Service worker not registered', err)); - }); +// if('serviceWorker' in navigator){ +// window.addEventListener('load', () => { +// navigator.serviceWorker.register('/sw.js') +// .then( (reg)=>{ +// console.log('service worker registered', reg) +// }) +// .catch((err)=> console.log('Service worker not registered', err)); +// }); -} +// } diff --git a/css/about.css b/css/about.css index 52718c3d..abf17df1 100644 --- a/css/about.css +++ b/css/about.css @@ -149,6 +149,11 @@ hr{color:rgba(255, 255, 255, 0.2); width: 85%;} padding: 2.5vmin 0vmin 2.5vmin 4vmin; border-radius: 2.5vmin; margin: 0.5rem auto; + display: grid; + grid-template-areas: "icon text"; + justify-content: flex-start; + align-items: center; + gap: 1.35rem; } .sidebar-list-items:hover{ background: var(--bg-sidebarListHover); diff --git a/css/countdown-list.css b/css/countdown-list.css index 2680e084..871b0a83 100644 --- a/css/countdown-list.css +++ b/css/countdown-list.css @@ -319,6 +319,11 @@ hr{color:rgba(255, 255, 255, 0.2); width: 85%;} padding: 2.5vmin 0vmin 2.5vmin 4vmin; border-radius: 2.5vmin; margin: 0.5rem auto; + display: grid; + grid-template-areas: "icon text"; + justify-content: flex-start; + align-items: center; + gap: 1.35rem; } .sidebar-list-items:hover{ background: var(--bg-sidebarListHover); diff --git a/css/styles.css b/css/styles.css index d88cffec..5440bedb 100644 --- a/css/styles.css +++ b/css/styles.css @@ -329,7 +329,13 @@ hr{color:rgba(255, 255, 255, 0.2); width: 85%;} padding: 2.5vmin 0vmin 2.5vmin 4vmin; border-radius: 2.5vmin; margin: 0.5rem auto; + display: grid; + grid-template-areas: "icon text"; + justify-content: flex-start; + align-items: center; + gap: 1.35rem; } + .sidebar-list-items:hover{ background: var(--bg-sidebarListHover); } diff --git a/css/today.css b/css/today.css index 119a8b72..e5045d15 100644 --- a/css/today.css +++ b/css/today.css @@ -343,10 +343,15 @@ hr { .sidebar-list { width: 90%; } -.sidebar-list-items { - padding: 2.5vmin 0vmin 2.5vmin 4vmin; - border-radius: 2.5vmin; - margin: 0.5rem auto; +.sidebar-list-items{ + padding: 2.5vmin 0vmin 2.5vmin 4vmin; + border-radius: 2.5vmin; + margin: 0.5rem auto; + display: grid; + grid-template-areas: "icon text"; + justify-content: flex-start; + align-items: center; + gap: 1.35rem; } .sidebar-list-items:hover { background: var(--bg-sidebarListHover); diff --git a/html/about.html b/html/about.html index 61b92c31..cd68a544 100644 --- a/html/about.html +++ b/html/about.html @@ -37,16 +37,16 @@