Made new article and comment pages work with application.html.erb

Author: paulmckissock

app/views/articles/new.html.erb

@@ -1,29 +1,35 @@
-<h1>New Article</h1>
+<tr style="height:10px"></tr>
+<tr>
+  <td>
+    <h1>New Article</h1>
 
-<%= form_with model: @article do |form| %>
-  <div>
-    <div>
-      <%= form.label :title %>
-    </div>
-    <%= form.text_field :title %>
-    <% @article.errors.full_messages_for(:title).each do |message| %>
-      <div><%= message %></div>
-    <% end %>
-  </div>
+    <%= form_with model: @article do |form| %>
+      <div>
+        <div>
+          <%= form.label :title %>
+        </div>
+        <%= form.text_field :title %>
+        <% @article.errors.full_messages_for(:title).each do |message| %>
+          <div><%= message %></div>
+        <% end %>
+      </div>
 
-  <div>
       <div>
-        <%= form.label :link %>
+        <div>
+          <%= form.label :link %>
+        </div>
+        <div>
+          <%= form.text_area :link %>
+        </div>
+        <% @article.errors.full_messages_for(:link).each do |message| %>
+          <div><%= message %></div>
+        <% end %>
       </div>
+
       <div>
-        <%= form.text_area :link %>
+        <%= form.submit %>
       </div>
-    <% @article.errors.full_messages_for(:link).each do |message| %>
-      <div><%= message %></div>
     <% end %>
-  </div>
+  </td>
+</tr>
 
-  <div>
-    <%= form.submit %>
-  </div>
-<% end %>

app/views/comments/show.html.erb

@@ -1,27 +1,45 @@
-<h1>Comment by <%= link_to comment.user.name, comment.user %></h1>
-<p><%= comment.text %></p>
-<div style="display: flex; align-items: center;">
-  Posted on <%= comment.created_at.strftime("%B %d, %Y at %I:%M %p") %>
-  - Score: <span id="score-Comment-<%= comment.id %>"><%= comment.score %></span>
-  <% user_vote = @user_votes[comment.id] %>
-    <%= button_to "Upvote", upvote_article_comment_path(comment), method: :post, class: "btn btn-sm upvote-button", data: { votable_type: 'Comment', votable_id: comment.id, article_id: comment.article.id } %>
-    <%= button_to "Downvote", downvote_article_comment_path(comment), method: :post, method: :post, class: "btn btn-sm downvote-button", data: { votable_type: 'Comment', votable_id: comment.id, article_id: comment.article.id } %>
-</div>
-<h2>Replies</h2>
-<ul>
-  <% comment.replies.each do |reply| %>
-    <%= render_comment_tree(reply) %>
-  <% end %>
-</ul>
-
-<h3>Write a Reply</h3>
-<%= form_with(model: [comment.article, @reply], local: true) do |form| %>
-  <div class="field">
-    <%= form.text_area :text %>
-  </div>
-  <%= form.hidden_field :parent_id, value: comment.id %>
-  <div class="actions">
-    <%= form.submit "Reply" %>
-  </div>
-<% end %>
-
+<tr style="height:10px"></tr>
+<tr>
+  <td>
+    <table border="0" cellpadding="0" cellspacing="0">
+      <tbody>
+        <tr>  
+          <td align="right">
+            <span class="rank"><%= 1 %>.</span>
+          </td>  
+          <td valign="top" class="votelinks">
+            <center>
+              <%= button_to upvote_article_comment_path(comment), method: :post, class: "btn btn-sm upvote-button", data: { votable_type: 'Comment', votable_id: comment.id, article_id: comment.article.id } do %>
+                <i class="fas fa-arrow-up"></i>
+              <% end %>
+              <%= button_to downvote_article_comment_path(comment), method: :post, class: "btn btn-sm downvote-button", data: { votable_type: 'Comment', votable_id: comment.id, article_id: comment.article.id } do %>
+                <i class="fas fa-arrow-down"></i>
+              <% end %>
+            </center>
+          </td>
+          <td valign="top" style="padding-left: 10px;">
+            <%= comment.text %>
+          </td>
+        </tr>
+        <tr>
+          <td colspan="2"></td>
+          <td class="subtext">
+            <span id="score-Comment-<%= comment.id %>"><%= comment.score %> points</span>
+            by <%= link_to comment.user.name, user_path(comment.user) %>
+            <span class="age"><%= time_ago_in_words(comment.created_at) %> ago</span>
+          </td>
+        </tr>
+        <tr style="height:5px"></tr>
+      </tbody>
+    </table>
+    <%= form_with(model: [comment.article, @reply], local: true) do |form| %>
+      <div class="field">
+        <%= form.text_area :text %>
+      </div>
+      <%= form.hidden_field :parent_id, value: comment.id %>
+      <div class="actions">
+        <%= form.submit "Reply" %>
+      </div>
+    <% end %>
+  </td>
+</tr>