more specific css selector

this might help with future css changes

diff --git a/index.css b/index.css
index 568b0a6b186f5c292997da0bb4f1b06d9fda38c6..0217db775d75e78d85624f7d7dd39a76e9b9a1dd 100644 (file)
--- a/index.css
+++ b/index.css
@@ -151,7 +151,7 @@ header > div {
   content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM17 13l-5 5-5-5h3V9h4v4h3z' fill='%23fff'%3E%3C/path%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
 }
 
-#images div div :first-child {
+#images .column {
   width: 5em;
   display: inline-block;
   line-height: 1.5;

diff --git a/index.html b/index.html
index acb15fa5c7eace982aa36137b020e2753475bd0c..b25d69ca5355d885dea724e5e4616c39dccc1587 100644 (file)
--- a/index.html
+++ b/index.html
@@ -48,9 +48,9 @@
 
                        <div>
                                <h3 id="images-title" class="tr-release-build">Release Build</h3>
-                               <div><span class="tr-model">Model:</span> <span id="image-model"></span></div>
-                               <div><span class="tr-target">Target:</span> <span id="image-target"></span></div>
-                               <div><span class="tr-version">Version:</span> <span id="image-release"></span> (<span id="image-commit"></span>)</div>
+                               <div><span class="column tr-model">Model:</span> <span id="image-model"></span></div>
+                               <div><span class="column tr-target">Target:</span> <span id="image-target"></span></div>
+                               <div><span class="column tr-version">Version:</span> <span id="image-release"></span> (<span id="image-commit"></span>)</div>
                        </div>
 
                        <div id="download-links">