Removed float on emoji

-`remove comment` button will not make the text jump anymore.

Removed float on emoji
-`remove comment` button will not make the text jump anymore.
Staicu Ionut
1 parent 923eb89c
Showing 1 changed file with 5 additions and 1 deletions Show diff stats
app/assets/stylesheets/sections/notes.scss
@@ -43,7 +43,9 @@
   padding: 8px 0;
   overflow: hidden;
   display: block;
+  position:relative;
   img {float: left; margin-right: 10px;}
+  img.emoji {float:none;margin:0;}
   .note-author cite{font-style: italic;}
   p { color:$style_color; }
   .note-author { color: $style_color;}
@@ -55,7 +57,9 @@
  
   .delete-note {
     display:none;
-    float:right;
+    position:absolute;
+    right:0;
+    top:0;
   }
  
   &:hover {
...	...	@@ -43,7 +43,9 @@
43	43	padding: 8px 0;
44	44	overflow: hidden;
45	45	display: block;
	46	+ position:relative;
46	47	img {float: left; margin-right: 10px;}
	48	+ img.emoji {float:none;margin:0;}
47	49	.note-author cite{font-style: italic;}
48	50	p { color:$style_color; }
49	51	.note-author { color: $style_color;}
...	...	@@ -55,7 +57,9 @@
55	57
56	58	.delete-note {
57	59	display:none;
58		- float:right;
	60	+ position:absolute;
	61	+ right:0;
	62	+ top:0;
59	63	}
60	64
61	65	&:hover {
...	...