Tweaks (#77)

Tweaks

Author: cbothner

app/assets/stylesheets/flash.sass

@@ -3,9 +3,7 @@
 .flash
   font: 90% $sansFont
   color: $white
-  text-transform: uppercase
   text-align: center
-  letter-spacing: 0.05em
   width: 100%
   padding: 0.2em
   border-bottom-width: 2px
@@ -26,12 +24,11 @@
 .flash-notice
   background-color: darken($lightGreen, 10%)
   border-bottom-color: darken($lightGreen, 20%)
+  color: $black
 
 .flash-info
   background-color: #1d3f5e
   border-bottom-color: #193c5b
-  text-transform: initial
-  letter-spacing: 0em
 
 .flash-editing
   background-color: $white

app/assets/stylesheets/structure.sass

@@ -51,17 +51,17 @@ header
     cursor: pointer
 
     .dismiss
-      z-index: 40
+      z-index: 10
 
     #reader-icon
       position: absolute
-      z-index: 50
+      z-index: 11
       right: 3em
 
   ul#reader-menu-dropdown
     background-color: $purple
     position: absolute
-    z-index: 50
+    z-index: 11
     min-width: 10em
     top: -1em
     right: -1em
@@ -93,7 +93,7 @@ header
     position: absolute
     top: 2.1em
     right: 1.4em
-    z-index: 100
+    z-index: 12
 
 #reader-icon
   font-size: 90%

app/javascript/quiz/PreTest.jsx

@@ -33,7 +33,7 @@ const PreTest = ({
         className="pt-dark"
         isOpen={!!match}
         title="Before you get started"
-        style={{ top: '10%', width: 800 }}
+        style={{ top: '10%', width: '100%', maxWidth: 800 }}
         onClose={() => {
           history.replace('/')
         }}

app/javascript/quiz/Quiz.jsx

@@ -58,7 +58,7 @@ export function providesQuiz (
 
       return questions.map(x => x.id).every(x => {
         const answer = this.state[x]
-        return answer && answer.length > 0
+        return answer && answer.trim().length > 0
       })
     }
 

spec/features/signing_up_spec.rb

@@ -15,15 +15,15 @@
     fill_in 'Password', with: password, match: :first
     fill_in 'Password confirmation', with: password
     click_button 'Sign up'
-    expect(page).to have_content 'CONFIRMATION LINK'
+    expect(page).to have_content 'confirmation link'
 
     reader = Reader.find_by_email email
     visit reader_confirmation_path confirmation_token: reader.confirmation_token
-    expect(page).to have_content 'SUCCESSFULLY CONFIRMED'
+    expect(page).to have_content 'successfully confirmed'
 
     fill_in 'Email', with: email
     fill_in 'Password', with: password
     click_button 'Sign in'
-    expect(page).to have_content 'SIGNED IN SUCCESSFULLY'
+    expect(page).to have_content 'Signed in successfully'
   end
 end