quick fix to comment spacing

Author: Ian Redpath

public/project/components/libraries/library.view.html

@@ -55,7 +55,7 @@ <h1 *ngIf="!hasEditRights()">{{library.name}}</h1>
 
   <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 comments">
     <h3 class="h4-margins">Comments</h3>
-    <div class="results-row col-xs-12 col-sm-12 col-md-12 col-lg-12">
+    <div class="results-row">
       <span class="no-results" *ngIf="library.comments.length ===0">No comments</span>
       <table>
         <tr *ngFor="#comment of library.comments">
@@ -73,7 +73,7 @@ <h3 class="h4-margins">Comments</h3>
         </tr>
       </table>
     </div>
-    <div *ngIf="userService.getActiveUser()">
+    <div *ngIf="userService.getActiveUser()" class="new-comment">
       <input type="text" class="comment-input" [(ngModel)]="newComment" (keyup.enter)="addComment()">
       <button class="btn" (click)="addComment()">Comment!</button>
     </div>

public/project/components/movies/movie.view.html

@@ -27,21 +27,6 @@ <h1 class="movie-title">{{omdbMovie.title}}</h1>
             <span *ngIf="myRating !== 0 && myRatingBackup !== 0" class="clear-rating clickable glyphicon glyphicon-remove" (click)="unrate()"></span>
           </div>
         </div>
-      <!--
-        <label for="my-rating">My Rating:</label>
-        <div class="my-rating" (mouseleave)="clearPreview()" (mouseenter)="storeRating()">
-          <span class="glyphicon clickable {{ myRating < 1 ? 'glyphicon-star-empty': 'glyphicon-star' }}"
-            (mouseenter)="ratePreview(1)" (click)="rate(1)"></span>
-          <span class="glyphicon clickable {{ myRating < 2 ? 'glyphicon-star-empty': 'glyphicon-star' }}"
-            (mouseenter)="ratePreview(2)" (click)="rate(2)"></span>
-          <span class="glyphicon clickable {{ myRating < 3 ? 'glyphicon-star-empty': 'glyphicon-star' }}"
-            (mouseenter)="ratePreview(3)" (click)="rate(3)"></span>
-          <span class="glyphicon clickable {{ myRating < 4 ? 'glyphicon-star-empty': 'glyphicon-star' }}"
-            (mouseenter)="ratePreview(4)" (click)="rate(4)"></span>
-          <span class="glyphicon clickable {{ myRating < 5 ? 'glyphicon-star-empty': 'glyphicon-star' }}"
-            (mouseenter)="ratePreview(5)" (click)="rate(5)"></span>
-          <button class="btn btn-default" (click)="unrate()">Clear</button>
-        </div>-->
       </div>
     </div>
     <div class="col-xs-6 col-sm-6 col-md-8 col-lg-8 xxs">
@@ -101,10 +86,10 @@ <h3 class="h4-margins">Comments</h3>
           </td>
         </tr>
       </table>
-      <div *ngIf="userService.getActiveUser()">
-        <input type="text" class="comment-input" [(ngModel)]="newComment" (keyup.enter)="addComment()">
-        <button class="btn" (click)="addComment()">Comment!</button>
-      </div>
+    </div>
+    <div *ngIf="userService.getActiveUser()" class="new-comment">
+      <input type="text" class="comment-input" [(ngModel)]="newComment" (keyup.enter)="addComment()">
+      <button class="btn" (click)="addComment()">Comment!</button>
     </div>
   </div>
   <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12" *ngIf="!fetchingLibraries">

public/project/css/style.css

@@ -173,4 +173,8 @@
 .my-rating-wrapper {
 	margin-bottom: 10px;
 	margin-top: 10px;
+}
+
+.new-comment {
+	margin-top: 20px;
 }