fix: Using context class for camera too

Signed-off-by: Vincent Boutour <[email protected]>
ViBiOh · Dec 29, 2022 · 33b5bdb · 33b5bdb
1 parent 1b05ac1
commit 33b5bdb
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 9 deletions.
diff --git a/cmd/fibr/static/styles/main.css b/cmd/fibr/static/styles/main.css
@@ -136,10 +136,6 @@ a:hover {
   width: var(--icon-size);
 }
 
-.icon-bottom {
-  vertical-align: sub;
-}
-
 .icon-large {
   height: var(--icon-large);
   width: var(--icon-large);

diff --git a/cmd/fibr/static/styles/main.min.css b/cmd/fibr/static/styles/main.min.css
diff --git a/cmd/fibr/templates/story.html b/cmd/fibr/templates/story.html
@@ -175,7 +175,7 @@
             {{ if or (.Exif.Geocode.HasAddress) (not .Exif.Date.IsZero) }}
               <p class="context">
                 {{ if .Exif.Geocode.HasAddress }}
-                  <img class="icon icon-bottom margin-right-half" src="{{ url "/svg/location?fill=%23272727" }}" alt="Location">
+                  <img class="icon margin-right-half" src="{{ url "/svg/location?fill=%23272727" }}" alt="Location">
                   <span class="location">
                     {{ if index .Exif.Geocode.Address "city_district" }}
                       {{ index .Exif.Geocode.Address "city_district" }},
@@ -192,15 +192,15 @@
                 </span>
 
                 {{ if not .Exif.Date.IsZero }}
-                  <img class="icon icon-bottom margin-right-half{{ if .Exif.Geocode.HasAddress }} margin-left-half{{ end }}" src="{{ url "/svg/calendar?fill=%23272727" }}" alt="Location">
+                  <img class="icon margin-right-half{{ if .Exif.Geocode.HasAddress }} margin-left-half{{ end }}" src="{{ url "/svg/calendar?fill=%23272727" }}" alt="Location">
                   <span class="date">{{ .Exif.Date.Format "Monday _2 January 15:04:05 2006 MST" }}</span>
                 {{ end }}
               </p>
             {{ end }}
 
             {{ if index .Exif.Data "Model" }}
-              <p>
-                <img class="icon icon-bottom margin-right-half" src="{{ url "/svg/camera?fill=%23272727" }}" alt="Camera model">
+              <p class="context">
+                <img class="icon margin-right-half" src="{{ url "/svg/camera?fill=%23272727" }}" alt="Camera model">
                 {{ index .Exif.Data "Model" }}
               </p>
             {{ end }}