Add right border to article column in alert table

WikiEducationFoundation · Apr 24, 2018 · 39d8826 · 39d8826
1 parent 06fc322
commit 39d8826
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/app/assets/javascripts/components/alerts/alert.jsx b/app/assets/javascripts/components/alerts/alert.jsx
@@ -9,7 +9,7 @@ const Alert = ({ alert }) => {
       <td className="desktop-only-tc">{alert.type}</td>
       <td className="desktop-only-tc"><a target="_blank" href={`/courses/${alert.course_slug}`}>{alert.course}</a></td>
       <td className="desktop-only-tc"><a target="_blank" href={`/users/${alert.user}`}>{alert.user}</a></td>
-      <td><a target="_blank" href={alert.article_url}>{alert.article}</a></td>
+      <td className="alert-article"><a target="_blank" href={alert.article_url}>{alert.article}</a></td>
     </tr>
   );
 };

diff --git a/app/assets/stylesheets/modules/_tables.styl b/app/assets/stylesheets/modules/_tables.styl
@@ -39,6 +39,11 @@
         &:last-child
           border-right 1px solid #ddd
 
+        @media only screen and (max-width: 919px)
+          &.alert-article
+            border-left 1px solid #ddd
+
+
       // Table cell with links
       .table-link-cell
         padding 0px 0px