Fix styling

Author: berniedestin

app/assets/stylesheets/application.css

@@ -77,6 +77,22 @@ input[type="radio"] {
 	align-items: center;
 }
 
+.survey-date {
+	text-align: center;
+	font-size: 2rem;
+}
+
+.survey-radio-group {
+	padding: 0px 5rem;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+}
+
+.survey-radio-group label {
+	display: none;
+}
+
 .question-selection-group {
 	border: 0px var(--secondary-color) solid;
 	background-color: var(--fill-color-2);
@@ -86,6 +102,12 @@ input[type="radio"] {
 	box-shadow: 0px 4px 8px rgba(127, 124, 175, 0.8);
 }
 
+.question-selection-group label {
+	font-size: 2rem;
+	margin-left: 1rem;
+	margin-right: 1rem;
+}
+
 .under-radio {
 	padding: 0px 3rem;
 	/*width: 100%;*/
@@ -98,15 +120,16 @@ input[type="radio"] {
 	color: var(--fill-color-1);
 }
 
-.button_action {
+.button-action {
 	display: flex;
 	align-items: center;
 	justify-content: center;
 }
 
-.button_action button {
+.button-action input {
 	font-size: 4rem;
 	padding: 1rem;
+	margin: 2rem;
 	border-radius: 1rem;
 }
 

app/services/survey_generator.rb

@@ -18,7 +18,8 @@ def self.create_intake_survey_for_user(user)
     # TODO: Will need to decide once we get 'finalized' questions which ones we want to be on the intake survey
     # For now, I'm just gonna grab all of them
     Question.each do |question|
-      Answer.create!(question_id: question.id, survey: survey)
+      # Answer.create!(question_id: question.id, survey: survey)
+      Answer.create!(question_id: question.id, survey: survey, question_text: question.text)
     end
   end
 end

app/views/survey/show.html.erb

@@ -1,24 +1,30 @@
 <%= render "survey_header" %>
 <%= form_with model: @survey do |f| %>
-  <%= "Survey Questions #{@survey.created_at.strftime("%b %d, %Y")}" %>
+  <div class="survey-date"><%= "Survey Questions #{@survey.created_at.strftime("%b %d, %Y")}" %></div>
   <%= f.fields_for :answers do |answer_f| %>
     <div class="question-selection-group">
       <%= answer_f.hidden_field :id %>
       <%= answer_f.label :answer, answer_f.object.question_text %>
       <div class="survey-radio-group">
         <%= answer_f.collection_radio_buttons :answer,
             [
-              ["Strongly Disagree", 1], 
+              ['&nbsp;'.html_safe, 1], 
               ['&nbsp;'.html_safe, 2], 
               ['&nbsp;'.html_safe, 3], 
               ['&nbsp;'.html_safe, 4], 
-              ["Strongly Agree", 5]
+              ['&nbsp;'.html_safe, 5]
             ],
             :last,
             :first
           %>
       </div>
+      <div class="under-radio">
+        <div>Strongly Disagree</div>
+        <div>Strongly Agree</div>
+      </div>
     </div>
   <% end %>
-  <%= f.submit "Submit Survey" %>
+  <div class="button-action">
+    <%= f.submit "Submit Survey" %>
+  </div>
 <% end %>