hidden open hours when empty

Author: lucasmontano

css/facility.css

@@ -12,9 +12,8 @@ body {
     vertical-align: bottom;  
 }
 .card {
-  width: 100%;  
-  max-width: 700px;
-  margin-top: 60px;
+  width: 100%;      
+  margin-top: 60px;      
   border-radius: 4px;
   background-color: #ffffff;
   box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.1);
@@ -60,6 +59,9 @@ span {
   text-align: left;
   color: #000000;
 }
+#facility_openHours_div {
+    visibility: hidden;
+}
 .facility-name {
     font-family: 'Signika', sans-serif;
     font-size: 25px;

facility.html

@@ -81,14 +81,14 @@
                     </div>
                 </div>
                 <div class="row mt-3">
-                    <div class="col-sm">
-                        <span>Horários</span>
-                        <p class="numbers" id="facility_openHours" style="white-space: pre"></p>
-                    </div>
                     <div class="col-sm">
                         <span>Contato</span>
                         <p class="numbers" id="facility_telephone"></p>
                     </div>
+                    <div class="col-sm" id="facility_openHours_div">
+                        <span>Horários</span>
+                        <p class="numbers" id="facility_openHours" style="white-space: pre"></p>
+                    </div>                    
                 </div>
             </div>
         </div>

js/facility.js

@@ -104,7 +104,12 @@ document.addEventListener('DOMContentLoaded', function() {
                 types.appendChild(img);
             }
 
-            document.getElementById("facility_openHours").textContent = openHours;
+            if (openHours) {
+                document.getElementById("facility_openHours").textContent = openHours;
+                document.getElementById("facility_openHours_div").style.visibility = "block"
+            } else {
+                document.getElementById("facility_openHours_div").style.visibility = "hidden"
+            }
             document.getElementById("facility_telephone").textContent = data.telephone;
 
             var uluru = { lat: data.location.coordinates.latitude, lng: data.location.coordinates.longitude };