UI fixes

Sevhena · Dec 16, 2023 · 7dc83b5 · 7dc83b5
1 parent c5fb845
commit 7dc83b5
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 16 deletions.
diff --git a/home.js b/home.js
@@ -1,19 +1,10 @@
-let featuredItems = document.querySelector("#announcements .carousel-item");
+let featuredItems = document.querySelectorAll("#announcements .carousel-item");
 let loginLink = document.querySelector(".navbar a.log-in");
 let accountOptions = document.querySelector(".navbar .account-options");
 let welcomeText = document.querySelector(".dropdown-item.welcome-text");
 let amenitiesHas = document.querySelectorAll(".amenities .has");
 let amenitiesLacks = document.querySelectorAll(".amenities .lacks");
 
-const price = document.querySelector("#priceRange");
-const output = document.querySelector(".price-output");
-
-output.textContent = price.value;
-
-price.addEventListener("input", () => {
-  output.textContent = price.value;
-});
-
 for (const amenity of amenitiesHas) {
   amenity.innerHTML += `
         <?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->

diff --git a/search.html b/search.html
@@ -598,7 +598,7 @@ <h4>Filters</h4>
                         <div class="card-body">
                             <div class="info">
                                 <div class="d-flex justify-content-between">
-                                    <h5 class="card-title text-primary">$750<small
+                                    <h5 class="card-title text-primary">$1200<small
                                         class="text-body-secondary text-secondary">/
                                         month</small></h5>
                                         <div class="university-affiliation text-danger">McMaster Univeristy</div>
@@ -617,10 +617,10 @@ <h5 class="card-subtitle">
                                     </h4>
                                     <p class="card-text listing-address text-muted mb-0">111 Maple Street | Hamilton</p>
                                     <ul class="listing-details mt-1 mb-2">
-                                        <li class="nb-beds">4 <span>beds</span></li>
-                                        <li class="nb-baths">2 <span>baths</span></li>
-                                        <li class="size">2100 <span>FT²</span></li>
-                                        <li class="listing-type text-muted">| Room</li>
+                                        <li class="nb-beds">2 <span>beds</span></li>
+                                        <li class="nb-baths">1 <span>baths</span></li>
+                                        <li class="size">1650 <span>FT²</span></li>
+                                        <li class="listing-type text-muted">| Apartment</li>
                                     </ul>
                                     <ul class="amenities text-secondary list-unstyled">
                                         <li class="has">High-speed Wi-Fi</li>
@@ -781,7 +781,7 @@ <h5 class="card-subtitle">
                                     <ul class="listing-details mt-1 mb-2">
                                         <li class="nb-beds">2 <span>beds</span></li>
                                         <li class="nb-baths">2 <span>baths</span></li>
-                                        <li class="size">1600 <span>FT²</span></li>
+                                        <li class="size">1750 <span>FT²</span></li>
                                         <li class="listing-type text-muted">| House</li>
                                     </ul>
                                     <ul class="amenities text-secondary list-unstyled">

diff --git a/style.css b/style.css
@@ -248,10 +248,12 @@ footer div.links a {
     font-weight: bold;
     padding-left: 0!important;
     margin-bottom: 8px!important;
+    width: -moz-fit-content;
     width: fit-content;
 }
 
 label[for="proximity"] {
+    width: -moz-fit-content;
     width: fit-content;
 }
 
@@ -264,6 +266,7 @@ label[for="proximity"] {
 #max,
 label[for="min"],
 label[for="max"] {
+    width: -moz-fit-content;
     width: fit-content;
 }
 
@@ -303,6 +306,7 @@ label[for="max"] {
 }
 
 .check, .check-label {
+    width: -moz-fit-content!important;
     width: fit-content!important;
 }