Only show previous/next icons for the gallery if more than 1 photo

gingerhouse/static/css/index.css

@@ -20,7 +20,6 @@
     --small-border-radius: .5rem;
 }
 
-
 body {
   background-color: var(--tan);
   color: var(--brown);
@@ -331,4 +330,4 @@ i.fa-map-marker-alt::after {
   -webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
   -moz-box-shadow:    3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
   box-shadow:         3px 3px 5px 6px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
-}
+}

gingerhouse/templates/houses/detail.html

@@ -93,10 +93,12 @@ <h3 class="model_address">{{ house.model_address }}</h3>
                 </ul>
               </div>
 
-              <div class="glide__arrows d-none d-md-block" data-glide-el="controls">
-                <button class="glide__arrow glide__arrow--left" data-glide-dir="<"><i class="fa fa-arrow-left" aria-hidden="true"></i></button>
-                <button class="glide__arrow glide__arrow--right" data-glide-dir=">"><i class="fa fa-arrow-right" aria-hidden="true"></i></button>
-              </div>
+              {% if house.photo_set.all.count > 1 %}
+                  <div class="glide__arrows d-none d-md-block" data-glide-el="controls">
+                    <button class="glide__arrow glide__arrow--left" data-glide-dir="<"><i class="fa fa-arrow-left" aria-hidden="true"></i></button>
+                    <button class="glide__arrow glide__arrow--right" data-glide-dir=">"><i class="fa fa-arrow-right" aria-hidden="true"></i></button>
+                  </div>
+              {% endif %}
             </div>
         </div>
     </div>