studio - notifications: made icon/copy area more bulletproof for longer lines of text

4b850f4d · Brian Talbot · c572ba86 · 4b850f4d
Commit 4b850f4d authored Feb 20, 2013 by Brian Talbot
Hide whitespace changes
Inline Side-by-side

Showing with 4 additions and 3 deletions

cms/static/sass/_alerts.scss
+4 -3

No files found.
--- a/cms/static/sass/_alerts.scss
+++ b/cms/static/sass/_alerts.scss
@@ -52,21 +52,22 @@

 		.icon {
 			display: inline-block;
-			vertical-align: middle;
+			vertical-align: top;
 			margin-right: 5px;
 			font-size: 20px;
 		}

 		p {
+			width: flex-grid(8, 9);
 			display: inline-block;
-			vertical-align: middle;
+			vertical-align: top;
 		}
 	}

 	.actions {
 		float: right;
 		width: flex-grid(3, 12);
-		margin-top: 2px;
+		margin-top: ($baseline/2);
 		text-align: right;

 		li {