updates to styling and other things

src/scripts/class.tag

@@ -1,16 +1,21 @@
 <class>
     <div class="course-info">
       <div class="card-header">
-        <div class="text-center wraptext" id='title'> { dept } { title } </div>
-        <div class="wraptext" id='prof'>Taught by: { prof } </div>
-        <div class="wraptext" id='sem'>Running: { sem } </div>
+        <h4 class="course-title card-title text-center wraptext" id='title'> { dept } { title } </h4>
+        <h6 class="course-prof wraptext" id='prof'>Taught by: { prof } </h6>
+        <h6 class="course-sem wraptext" id='sem'>Running: { sem } </h6>
       </div>
       <div if={ books } class="card-body">
           <div class="dropdown">
             <button onclick={showbooks} class="btn btn-link dropdown-toggle" tabindex="0">
-              Books <i class="icon-caret"></i>
+              Find Books <i class="icon-caret"></i>
             </button>
             <ul class="menu" if={ this.booksshown }>
+              <li class="menu-header">
+                <span class="menu-header-text">
+                  Potential finds
+                </span>
+              </li>
               <book each={ this.R.uniq(books) } data="{ this }">
               </book>
             </ul>

src/scripts/row.tag

@@ -1,5 +1,21 @@
 <row>
-    <class class="course text-justify rounded card column col-xs-12 col-sm-12 col-md-6 col-lg-4"
+    <class if={classrow.length == 3} class="course text-justify rounded card column col-xs-12 col-sm-12 col-md-6 col-lg-4"
+           each="{ classrow }"
+           data="{ this }">
+    </class>
+    <class if={classrow.length == 1} style="max-width:33%;" class="hide-sm course float-left text-justify rounded card column col-xs-12 col-sm-12 col-md-12 col-lg-12"
+           each="{ classrow }"
+           data="{ this }">
+    </class>
+    <class if={classrow.length == 1} style="max-width:100%;" class="show-sm course float-left text-justify rounded card column col-md-12 col-lg-12"
+           each="{ classrow }"
+           data="{ this }">
+    </class>
+    <class if={classrow.length == 2} style="max-width:33%;" class="hide-sm course float-left text-justify rounded card column col-md-8 col-lg-8"
+           each="{ classrow }"
+           data="{ this }">
+    </class>
+    <class if={classrow.length == 2} style="max-width:100%;" class="show-sm course float-left text-justify rounded card column col-xs-12 col-sm-12"
            each="{ classrow }"
            data="{ this }">
     </class>

src/styles/search.scss

@@ -114,6 +114,19 @@ a {
   border: none !important;
 }
 
+.course-title {
+  color: darken($blue, 10%) !important;
+  font-weight: 500;
+}
+
+.course-prof {
+  color: darken($blue, 10%) !important;
+}
+
+.course-sem {
+  color: darken($blue, 10%) !important;
+}
+
 .course-info {
   border: solid;
   border-width: 2px;