Simplify markup for lead notice a little.

Still doesn't look great on Firefox for Android, but better.
eggpi · May 13, 2018 · 4027b88 · 4027b88
1 parent fb9ca28
commit 4027b88
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 10 deletions.
diff --git a/static/css/style.css b/static/css/style.css
@@ -240,20 +240,12 @@ html[dir="rtl"] #leaderboard td {
     width: 30px;
     border-radius: 30px;
     border: 2px solid black;
+    padding: 2px 0;  /* must be equal to border */
     text-align: center;
     font-weight: bolder;
     cursor: pointer;
 }
 
-.snippet-notice:before {
-    content: "!";
-    font-size: 16px;
-    /* line-height should match the height of .snippet-notice so
-     * this is centered.
-     */
-    line-height: 30px;
-}
-
 .lead-hint {
     background-color: #EEF31A;
 }
diff --git a/templates/index.html b/templates/index.html
@@ -58,7 +58,7 @@ <h1>{{ strings.tooltitle }}</h1>
       <div class="row ml-1 mr-1 mt-4">
         <p id="in-page" class="col">{{ strings.in_page % (article_url, article_title) }}</p>
         {% if not section and strings.lead_section_hint %}
-        <label for="lead-hint-modal-trigger" class="snippet-notice lead-hint"></label>
+        <label for="lead-hint-modal-trigger" class="snippet-notice lead-hint">!</label>
         <div class="pure-modal">
           <input id="lead-hint-modal-trigger" class="checkbox" type="checkbox">
           <div class="pure-modal-overlay">