minor styles

webdev410 · webdev410 · commit 3bc6ee8e0d1d · 2021-08-27T22:32:51.000-07:00
diff --git a/public/css/style.css b/public/css/style.css
@@ -19,6 +19,6 @@ a:hover {
     text-decoration: none;
 }
 
-/* .card {
-   
-} */
+.post-details {
+    width: 80%;
+}
diff --git a/views/home.handlebars b/views/home.handlebars
@@ -3,7 +3,6 @@
                     <div class="col-12 col-md-8 col-xl-6 mt-3">
                         {{>posts}}
                     </div>
-
                 </div>
             </div>
 
diff --git a/views/layouts/main.handlebars b/views/layouts/main.handlebars
@@ -18,11 +18,9 @@
 <body>
     {{>main-menu}}
    
-    <div class="container-fluid">
-        <div class="row justify-content-center">
+
             {{{body}}}
-        </div>
-    </div>
+   
 
     {{#if logged_in}}
     <script src="/js/logout.js"></script>
diff --git a/views/partials/posts.handlebars b/views/partials/posts.handlebars
@@ -1,7 +1,6 @@
 {{#each posts}}
-
   <a href="/post/{{id}}" class="post-link">
-    <div class="card">
+    <div class="card mt-3">
       <h5 class="card-header">
         {{title}}
       </h5>
diff --git a/views/post-details.handlebars b/views/post-details.handlebars
@@ -1,26 +1,21 @@
+<div class="row justify-content-center mt-3">
 
-
-  <section class="card">
+  <section class="card post-details">
     <a href="/post/{{post.id}}">
-      <div class="card-header ">
-        
-        {{#if logged_in}}
-        <p style="display: inline;">Posted By:</p>
-        <h5 style="display: inline;">
+      <div class="card-header">
 
-        {{username}}
-        </h5>
+        {{#if logged_in}}
+          <p style="display: inline;">Posted By:</p>
+          <h5 style="display: inline;">{{username}}</h5>
+        {{/if}}
       </div>
-      {{/if}}
+
       <div class="card-body">
         <h5 class="card-title">{{post.title}}</h5>
-
         <p class="card-text"> {{post.text}}</p>
-        <p class="card-text date">
-          {{createdAt}}
-
-        </p>
+        <p class="card-text date">{{createdAt}}</p>
       </div>
     </a>
   </section>
 
+</div>

Original file line number	Diff line number	Diff line change
`@@ -19,6 +19,6 @@ a:hover {`
`19`	`19`	`text-decoration: none;`
`20`	`20`	`}`
`21`	`21`
`22`		`-/* .card {`
`23`		`-`
`24`		`-} */`
	`22`	`+.post-details {`
	`23`	`+ width: 80%;`
	`24`	`+}`