Tweaked an icon size issue

LGBTQmap/index.html

@@ -73,8 +73,8 @@
 			<div>
 				<h2>Welcome to LGBTQ+map!</h2>
 				<br/>
-				<p>Find places that are friendly to the LGBTQ+ community. Use the <img src="icons/locate.svg">&nbsp;button to find your location, and click&nbsp;<img src="icons/refresh.svg"> to load points of interest that are tagged with <a href="https://wiki.openstreetmap.org/wiki/Key:lgbtq" target="_blank"><span class="code">lgbtq=*</span></a> in <a href="http://www.osm.org" target="_blank">OpenStreetMap</a>.</p>
-				<p>Places will show as icons:</p>
+				<p>Find places that are friendly to the LGBTQ+ community. Use the <img class="image18" src="icons/locate.svg">&nbsp;button to find your location, and click&nbsp;<img class="image19" src="icons/refresh.svg"> to load points of interest that are tagged with <a href="https://wiki.openstreetmap.org/wiki/Key:lgbtq" target="_blank"><span class="code">lgbtq=*</span></a> in <a href="http://www.osm.org" target="_blank">OpenStreetMap</a>. Toggle light/dark mode with <img class="image19" src="icons/lightbulb-light.svg"></p>
+				<p>Places will display as icons:</p>
 				<p><span class="infoIcons"><img src="icons/bar.svg" alt="bar icon"/>&nbsp;Bar</span>, 
 					<span class="infoIcons"><img src="icons/cafe.svg" alt="cafe icon"/>&nbsp;Cafe</span>, 
 					<span class="infoIcons"><img src="icons/fitness-centre.svg" alt="fitness centre icon"/>&nbsp;Fitness Centre</span>, 

LGBTQmap/style.css

@@ -181,15 +181,25 @@ button {
 }
 
 #infoBox img {
-	height: 18px;
-	width: 18px;
 	vertical-align: middle;
 	margin-top: 0px;
 }
+.image18 {
+	width: 18px;
+	height: 18px;
+}
+.image19 {
+	width: 19px;
+	height: 19px;
+}
 
 .infoIcons {
 	white-space: nowrap;
 }
+.infoIcons img {
+	width: 18px;
+	height: 18px;
+}
 
 .tinyIcons img {
 	height: 6px !important;