Use em rather than fixed pixels to offset the copyright symbol

Fixes #3302

Also fixes an error where the h5 tag was closed incorrectly.

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 01202179690316e44e744cfdd5fdd630555b3521..ccb0d74932b5415cd8b60ecadeb2ac4d5188edac 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -1745,8 +1745,8 @@ dl.dl-inline {
 
     .byosm span {
       display: inline-block;
-      width: 20px;
-      margin-left: -20px;
+      width: 1em;
+      margin-left: -1em;
     }
   }
 

diff --git a/app/views/site/about.html.erb b/app/views/site/about.html.erb
index e127cc5b502c2cae6ec1422299a6ff64bd42ae32..3753dcc8df59b54ed87f927ffaae570dcdb147f0 100644 (file)
--- a/app/views/site/about.html.erb
+++ b/app/views/site/about.html.erb
@@ -3,7 +3,7 @@
     <div class='row'>
       <div class='col-sm-7 user-image'></div>
       <div class='col-sm-5 px-5 py-3 byosm'>
-        <h5 class='text-white text-nowrap'><%= t ".copyright_html", :locale => @locale %></h4>
+        <h5 class='text-white text-nowrap'><%= t ".copyright_html", :locale => @locale %></h5>
       </div>
     </div>
     <div class='row'>