increased codename letter spacing

freedomofpress · Feb 4, 2017 · b636e62 · b636e62
1 parent bed052e
commit b636e62
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 5 deletions.
diff --git a/securedrop/sass/source.sass b/securedrop/sass/source.sass
@@ -86,13 +86,17 @@ input#show
       font-size: 100%
       height: auto
 
-input.codename
+input.codename-box
   width: 400px
   padding: 10px
   font-weight: bold
 
-p#codename
+.codename
   font-family: monospace
+  letter-spacing: 0.15em
+  font-weight: normal
+
+p#codename
   /*
    * HACK: Firefox likes to add non-existent leading and/or trailing whitespace
    * to <span>s, but never does it to <p>s. This hack uses a <p> for the

diff --git a/securedrop/source_templates/generate.html b/securedrop/source_templates/generate.html
@@ -7,7 +7,7 @@ <h1>Remember this codename and keep it secret</h1>
 <hr class="no-line" />
 
 <div class="code">
-  <p id="codename">{{ codename }}</p>
+  <p id="codename" class="codename">{{ codename }}</p>
   <div class="pull-right">
     <form id="regenerate-form" method="post">
       <input name="csrf_token" type="hidden" value="{{ csrf_token() }}">

diff --git a/securedrop/source_templates/login.html b/securedrop/source_templates/login.html
@@ -7,7 +7,7 @@ <h1>Enter Codename</h1>
 
 <form method="post" action="/login" autocomplete="off">
 <input name="csrf_token" type="hidden" value="{{ csrf_token() }}">
-<p class="center"><input id="login-with-existing-codename" type="password" name="codename" class="codename" autocomplete="off" placeholder="Enter your codename" autofocus /></p>
+<p class="center"><input id="login-with-existing-codename" type="password" name="codename" class="codename-box" autocomplete="off" placeholder="Enter your codename" autofocus /></p>
 <div class="pull-right">
   <a href="{{ url_for('index') }}" class="btn secondary" id="cancel">CANCEL</a>
   <button type="submit" class="sd-button btn primary">CONTINUE</button>

diff --git a/securedrop/source_templates/lookup.html b/securedrop/source_templates/lookup.html
@@ -87,7 +87,7 @@ <h2 class="headline">Get Replies</h2>
 <div class="code-reminder">
   <img class="pull-left" src="{{ url_for('static', filename='i/font-awesome/black/lock.svg') }}" width="20px" height="20px"> Remember your codename is:
   <div id="show" class="show pull-right"></div>
-  <span id="content"><p class="alert"><strong>{{ codename }}</strong></p></span>
+  <span id="content" class="codename"><p class="alert">{{ codename }}</p></span>
 </div>
 
 {% endblock %}