Merge pull request #13 from boriskrasko/markup

Add loupe icon
boriskrasko · Feb 11, 2024 · 8ee9d03 · 8ee9d03
2 parents 356371f + a1188e0
commit 8ee9d03
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -56,7 +56,7 @@
           <div class="input">
             <input type="input" id="cases-search-input" name="search" placeholder="Search by Country/Region" />
             <button>
-              <object type="image/svg+xml" data="loupe.svg" class="icon icon-loupe"></object>
+              <img src="assets/icons/loupe.svg" class="icon icon-loupe">
             </button>
           </div>
         </div>
@@ -109,7 +109,7 @@
           <div class="input">
             <input type="input" id="map-search-input" name="search" placeholder="Search by Country/Region" />
             <button>
-              <object type="image/svg+xml" data="loupe.svg" class="icon icon-loupe"></object>
+              <img src="assets/icons/loupe.svg" class="icon icon-loupe">
             </button>
           </div>
         </div>

diff --git a/style.css b/style.css
@@ -266,6 +266,7 @@ input:focus::placeholder {
 /* Grids Area Names */
 .global-cases {
   grid-area: global-cases;
+  min-height: 86px;
 }
 
 .country-cases {
@@ -282,6 +283,7 @@ input:focus::placeholder {
 
 .death-cases {
   grid-area: death-cases;
+  min-height: 200px;
 }
 
 .recovery-cases {
@@ -880,7 +882,7 @@ footer ul li {
   width: 100%;
 }
 
-.full .global-heading,
+.full .global-cases-heading,
 .full .date-heading {
   font-size: 22px;
   margin-bottom: 10px;