[tor-commits] [styleguide/master] Minor UI fixing

[antonela at torproject.org]

commit cfad7923c2eb4b5fb4ab0c31d3dd3a42a038f238
Author: Antonela <hola at antonela.me>
Date:   Wed Dec 4 18:50:33 2019 -0300

    Minor UI fixing
---
 templates/brand-assets.html | 48 +++++++++++++++++++++++----------------------
 1 file changed, 25 insertions(+), 23 deletions(-)

diff --git a/templates/brand-assets.html b/templates/brand-assets.html
index a3b9e48..f2cd0fd 100644
--- a/templates/brand-assets.html
+++ b/templates/brand-assets.html
@@ -15,39 +15,39 @@
   <div class="row">
     <div class="col-sm-6">
       <div class="image border p-5">
-        <img src="/static/images/color.svg">
+        <img src="/static/images/color.svg"/>
       </div>
-      <h6 class="text-left pt-3">Default</h6>
+      <h5 class="text-left pt-3 pb-5">Default</h5>
     </div>
     <div class="col-sm-3">
       <div class="image border p-5">
-        <img src="/static/images/purple.svg">
+        <img src="/static/images/purple.svg"/>
       </div>
-      <h6 class="text-left pt-3">Purple</h6>
+      <h5 class="text-left pt-3">Purple</h5>
     </div>
     <div class="col-sm-3">
       <div class="image border p-5">
-        <img src="/static/images/black.svg">
+        <img src="/static/images/black.svg"/>
       </div>
-      <h6 class="text-left pt-3">Black</h6>
+      <h5 class="text-left pt-3">Black</h5>
     </div>
   </div>
   <div class="row mb-5">
     <div class="col-sm-3">
       <div class="image border bg-primary p-5">
-        <img src="/static/images/white.svg">
+        <img src="/static/images/white.svg"/>
       </div>
-      <h6 class="text-left pt-3">Invert</h6>
+      <h5 class="text-left pt-3">Invert</h5>
     </div>
     <div class="col-sm-3">
       <div class="image border bg-dark p-5">
-        <img src="/static/images/white.svg">
+        <img src="/static/images/white.svg"/>
       </div>
-      <h6 class="text-left pt-3">Dark</h6>
+      <h5 class="text-left pt-3">Dark</h5>
     </div>
     <div class="col-sm-6">
       <div class="border p-5 text-left">
-        <h6>Download Tor Logo Assets</h6>
+        <h5>Download Tor Logo Assets</h5>
         <p class="m-0">This package includes .png and .svg files</p>
         <a class="btn btn-lg btn-link p-0" title="Tor Media Repo" href="https://gitweb.torproject.org/project/web/styleguide.git/tree/assets/static/images/tor-logo" target="_blank">Visit Repo</a>
       </div>
@@ -61,40 +61,42 @@
   </div>
   <div class="row">
     <div class="col-sm-6">
-      <div class="image border text-center p-5">
-        <img class="w-75" src="/static/images/tor-browser/stable/stable.svg">
+      <div class="image border text-center pb-5">
+        <img class="w-75" src="/static/images/tor-browser/stable/stable.svg"/>
       </div>
-      <h6 class="text-left pt-3">Stable</h6>
+      <h5 class="text-left pt-3 pb-5">Stable</h5>
     </div>
     <div class="col-sm-3">
       <div class="image border text-center p-5">
-        <img class="w-75" src="/static/images/tor-browser/stable/stable.svg">
+        <img class="w-100" src="/static/images/tor-browser-android/res/stable/drawable-xxhdpi/large_icon.png"/>
       </div>
-      <h6 class="text-left pt-3">Android</h6>
+      <h5 class="text-left pt-3">Android</h5>
     </div>
     <div class="col-sm-3">
       <div class="image border text-center p-5">
-        <img class="w-75" src="/static/images/tor-browser/glyph/glyph.svg">
+        <img class="w-75 py-4 mx-auto" src="/static/images/tor-browser/glyph/glyph.svg"/>
+        <img class="w-50 py-4 mx-3" src="/static/images/tor-browser/glyph/glyph.svg"/>
+        <img class="w-25 py-4 mx-auto" src="/static/images/tor-browser/glyph/glyph.svg"/>
       </div>
-      <h6 class="text-left pt-3">Glyph</h6>
+      <h5 class="text-left pt-3">Onion Glyph</h5>
     </div>
   </div>
   <div class="row mb-5">
     <div class="col-sm-3">
       <div class="image border text-center p-5" style="background:#111;">
-        <img class="w-75" src="/static/images/tor-browser/alpha/alpha.svg"">
+        <img class="w-75" src="/static/images/tor-browser/alpha/alpha.svg"/>
       </div>
-      <h6 class="text-left pt-3">Alpha</h6>
+      <h5 class="text-left pt-3">Alpha</h5>
     </div>
     <div class="col-sm-3">
       <div class="image border bg-black text-center p-5" style="background:#111;">
-        <img class="w-75" src="/static/images/tor-browser/nightly/nightly.svg">
+        <img class="w-75" src="/static/images/tor-browser/nightly/nightly.svg"/>
       </div>
-      <h6 class="text-left pt-3">Nightly</h6>
+      <h5 class="text-left pt-3">Nightly</h5>
     </div>
     <div class="col-sm-6">
       <div class="border p-5 text-left">
-        <h6>Download Tor Browser Icon</h6>
+        <h5>Download Tor Browser Icon</h5>
         <p class="m-0">This package includes .png and .svg files</p>
         <a class="btn btn-lg btn-link p-0" title="Tor Media Repo" href="https://gitweb.torproject.org/project/web/styleguide.git/tree/assets/static/images/tor-browser" target="_blank">Visit Repo</a>
       </div>