fix(css): style elgg notice box

hypeJunction · Sep 21, 2016 · 632289b · 632289b
1 parent 2df315d
commit 632289b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/sass/page/components/interactions.scss b/sass/page/components/interactions.scss
@@ -103,4 +103,10 @@
 
 .interactions-image-block {
 	@include image-block($comment-avatar-size, $comment-padding);
+}
+
+.interactions-component .elgg-box {
+    margin: 10px;
+    padding: 10px;
+	@include border-radius($border-radius);
 }
diff --git a/views/default/page/components/interactions.css b/views/default/page/components/interactions.css
@@ -32,3 +32,5 @@
 .interactions-image-block > .elgg-image { -webkit-order: 1; order: 1; -webkit-flex: 0 0 30px; flex: 0 0 30px; margin-right: 10px; }
 .interactions-image-block > .elgg-image-alt { -webkit-order: 3; order: 3; -webkit-flex: 0 0 auto; flex: 0 0 auto; margin-left: 10px; }
 .interactions-image-block > .elgg-body { -webkit-order: 2; order: 2; -webkit-flex: 1 1 auto; flex: 1 1 auto; }
+
+.interactions-component .elgg-box { margin: 10px; padding: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }