From ce5b0601948359bfbb6488b9e40a2d99e15d81a8 Mon Sep 17 00:00:00 2001
From: Josef Citrine <josefcitrine@googlemail.com>
Date: Fri, 27 May 2016 23:46:20 +0100
Subject: [PATCH] Basic styling for notifications

Need to move this into a directive at some point
---
 public/templates/notifications/index.html |  6 +++---
 resources/assets/styles/content.less      | 13 +++++++++++++
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/public/templates/notifications/index.html b/public/templates/notifications/index.html
index d5a9432a..bba59188 100644
--- a/public/templates/notifications/index.html
+++ b/public/templates/notifications/index.html
@@ -1,4 +1,4 @@
-<div ng-repeat="notification in notifications">
-    <a href="{{ notification.url }}"><img pfm-src-loader="::notification.thumbnail_url" pfm-src-size="thumbnail"></a>
-    <a href="{{ notification.url }}"><p>{{ notification.text }}</p></a>
+<div ng-repeat="notification in notifications" class="notification">
+    <a href="{{ notification.url }}" class="img-link"><img pfm-src-loader="::notification.thumbnail_url" pfm-src-size="thumbnail"></a>
+    <a href="{{ notification.url }}" class="message"><p>{{ notification.text }}</p></a>
 </div>
\ No newline at end of file
diff --git a/resources/assets/styles/content.less b/resources/assets/styles/content.less
index 532bc689..9f3bdc68 100644
--- a/resources/assets/styles/content.less
+++ b/resources/assets/styles/content.less
@@ -539,3 +539,16 @@ html {
     }
   }
 }
+
+.notification {
+  min-height: 50px;
+  margin-bottom: 10px;
+
+  .img-link {
+    float: left;
+  }
+  .message {
+    margin-left: 60px;
+    display: block;
+  }
+}
\ No newline at end of file