Updated mobile display of risk assessment results, closes #546

myapnea · Apr 10, 2015 · af69bfc · af69bfc
1 parent 36dd9eb
commit af69bfc
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/app/views/tools/risk_assessment_results.html.haml b/app/views/tools/risk_assessment_results.html.haml
@@ -9,7 +9,7 @@
       = link_to root_path do
         = image_tag 'myapnea/logos/MyApneaLogo_border_whitetext_300x80.png', class: 'img-responsive'
   .row.reset-layout{ style: 'margin: 40px 20px;'}
-    .col-xs-3.col-xs-offset-1.no-padding
+    .col-sm-3.col-sm-offset-1.hidden-xs.no-padding
       #high-risk-bar.row.reset-layout.risk-indicator-bar{ class: "#{'risk-level-active' if @risk_category==3}" }
         %p.lead{ class: "#{'f500' if @risk_category==3}" }
           High
@@ -19,11 +19,11 @@
       #low-risk-bar.row.reset-layout.risk-indicator-bar{ class: "#{'risk-level-active' if @risk_category==1}" }
         %p.lead{ class: "#{'f500' if @risk_category==1}" }
           Low
-    .col-xs-2.no-padding
+    .col-sm-2.hidden-xs.no-padding
       #high-risk-connector.row.reset-layout.risk-connector{ class: "#{'risk-level-active' if @risk_category==3}" }
       #middle-risk-connector.row.reset-layout.risk-connector{ class: "#{'risk-level-active' if @risk_category==2}" }
       #low-risk-connector.row.reset-layout.risk-connector{ class: "#{'risk-level-active' if @risk_category==1}" }
-    .col-xs-5.centered-text{ id: "#{'risk-assessment-results-' + @risk_category.to_s }" }
+    .col-sm-5.centered-text{ id: "#{'risk-assessment-results-' + @risk_category.to_s }" }
       %h2.f300
         Your risk score is:
         %br