Merge pull request #1038 from sharelatex/jel-style-improvements

Content pages style improvements

GitOrigin-RevId: 6cb212deba561ebfa6349bdfcf16e309679be275

services/web/public/stylesheets/app/blog-posts.less

@@ -50,6 +50,7 @@
     border: 1px solid @ol-blue-gray-2;
     display: inline-block;
     margin: 0 auto @margin-sm 0;
+    max-width: 100%;
     padding: @padding-sm;
     .figure-caption {
       padding-top: @padding-sm;

services/web/public/stylesheets/app/cms-page.less

@@ -94,15 +94,11 @@
     universities page
   */
   #universities-container {
-    display: table;
     padding: @padding-md;
     width: 100%;
     .row {
-      display: table-row;
+      border-bottom: 1px solid @gray-lightest;
       div {
-        border-bottom: 1px solid @gray-lightest;
-        display: table-cell;
-        float: none;
         padding: @padding-md;
         vertical-align: middle;
       }
@@ -114,6 +110,7 @@
       }
     }
     .row:last-child {
+      border: 0;
       // parent container contains padding
       div {
         border: 0;
@@ -133,6 +130,18 @@
     .university-claim-btn {
       text-align: center;
     }
+    @media only screen and (min-width: @screen-xs-min) {
+      display: table;
+      table-layout: fixed;
+      .row {
+        display: table-row;
+        div {
+          border-bottom: 1px solid @gray-lightest;
+          display: table-cell;
+          float: none;
+        }
+      }
+    }
   }
 
   /*

services/web/public/stylesheets/app/content_page.less

@@ -3,6 +3,8 @@
   Including: about, home, blog, /for/__, legal, contact, portals
 */
 .content-page {
+  word-break: break-word;
+
   a:not(.btn) {
     color: @link-color-alt;
     &:hover {