homepage - changed partner university listing layout to handle 6 partners

lms/static/sass/multicourse/_home.scss

@@ -196,6 +196,24 @@
       display: block;
     }
 
+
+    hr {
+      @extend .faded-hr-divider-light;
+      border: none;
+      margin: 0px;
+      position: relative;
+      z-index: 2;
+
+      &::after {
+        @extend .faded-hr-divider;
+        bottom: 0px;
+        content: "";
+        display: block;
+        position: absolute;
+        top: -1px;
+      }
+    }
+
     .partners {
       margin: 0 auto;
       padding: 20px 0px;
@@ -206,6 +224,7 @@
         padding: 0px 30px;
         position: relative;
         vertical-align: middle;
+        overflow: hidden;
 
         &::before {
           @extend .faded-vertical-divider;
@@ -281,7 +300,7 @@
         }
 
         img {
-          max-width: 160px;
+          max-width: 190px;
           position: relative;
           @include transition(all, 0.25s, ease-in-out);
           vertical-align: middle;

lms/templates/index.html

@@ -48,7 +48,7 @@
       <h2>Explore free courses from <span class="edx">edX</span> universities</h2>
 
       <section class="university-partners">
-        <ol class="partners">
+        <ol class="partners partners-primary">
           <li class="partner mit">
             <a href="${reverse('university_profile', args=['MITx'])}">
               <img src="${static.url('images/university/mit/mit.png')}" />
@@ -65,7 +65,7 @@
               </div>
             </a>
           </li>
-          <li class="partner">
+          <li class="partner last">
             <a href="${reverse('university_profile', args=['BerkeleyX'])}">
               <img src="${static.url('images/university/berkeley/berkeley.png')}" />
               <div class="name">
@@ -73,6 +73,11 @@
               </div>
             </a>
           </li>
+        </ol>
+
+        <hr />
+
+        <ol class="partners">
           <li class="partner">
             <a href="${reverse('university_profile', args=['UTx'])}">
               <img src="${static.url('images/university/ut/ut-rollover_160x90.png')}" />
@@ -81,6 +86,14 @@
               </div>
             </a>
           </li>
+          <li class="partner">
+            <a href="${reverse('university_profile', args=['WellesleyX'])}">
+              <img src="${static.url('images/university/wellesley/wellesley-rollover_160x90.png')}" />
+              <div class="name">
+                <span>WellesleyX</span>
+              </div>
+            </a>
+          </li>
           <li class="partner last">
             <a href="${reverse('university_profile', args=['WellesleyX'])}">
               <img src="${static.url('images/university/wellesley/wellesley-rollover_160x90.png')}" />
@@ -89,7 +102,6 @@
               </div>
             </a>
           </li>
-
         </ol>
       </section>