Updating bookmarks and updates pages to be responsive.

lms/static/sass/features/_bookmarks.scss

@@ -9,14 +9,17 @@ $bookmarked-icon: "\f02e"; // .fa-bookmark
 }
 
 // Rules for Bookmarks Results
-.bookmarks-results-list {
+.course-bookmarks {
+  flex-grow: 1;
+
+  .bookmarks-results-list {
     padding-top: ($baseline/2);
 
     .bookmarks-results-list-item {
       @include padding(0, $baseline, ($baseline/4), $baseline);
 
       display: block;
-    border: 1px solid $lms-border-color;
+      border: 1px solid theme-color("light");
       margin-bottom: $baseline;
 
       &:hover {
@@ -36,7 +39,7 @@ $bookmarked-icon: "\f02e"; // .fa-bookmark
 
     .list-item-date {
       margin-top: ($baseline/4);
-    color: $lms-gray;
+      color: theme-color("dark");
       font-size: font-size(small);
     }
 
@@ -50,6 +53,7 @@ $bookmarked-icon: "\f02e"; // .fa-bookmark
 
     .list-item-content {
       overflow: hidden;
+      position: relative;
     }
 
     .list-item-left-section {
@@ -59,7 +63,10 @@ $bookmarked-icon: "\f02e"; // .fa-bookmark
     }
 
     .list-item-right-section {
-    display: inline-block;
+      @include right(0);
+
+      bottom: $baseline*-0.75;
+      position: absolute;
       vertical-align: middle;
 
       .fa-arrow-right {
@@ -68,6 +75,19 @@ $bookmarked-icon: "\f02e"; // .fa-bookmark
         }
       }
     }
+  }
+
+  // Override the search count styling
+  .search-results .search-count {
+    font-size: $font-size-base;
+    font-weight: $font-weight-bold;
+  }
+
+  // Override the pagination behavior
+  .pagination.pagination-full {
+    width: 100%;
+    text-align: center;
+  }
 }
 
 // Rules for empty bookmarks list

lms/static/sass/features/_course-experience.scss

@@ -438,6 +438,8 @@
 // Course Updates Page
 .course-updates {
   .all-updates {
+    flex-grow: 1;
+
     .updates-article {
       margin: ($baseline*6/5) 0;
       padding-bottom: ($baseline*6/5);