diff --git a/app/coffee/modules/common/wisiwyg.coffee b/app/coffee/modules/common/wisiwyg.coffee
index 2177dab3..cb0f1443 100644
--- a/app/coffee/modules/common/wisiwyg.coffee
+++ b/app/coffee/modules/common/wisiwyg.coffee
@@ -32,7 +32,7 @@ tgMarkitupDirective = ($rootscope, $rs, $tr) ->
previewTemplate = _.template("""
<%= data %>
diff --git a/app/styles/components/markitup.scss b/app/styles/components/markitup.scss
index 742257e0..40ce275a 100644
--- a/app/styles/components/markitup.scss
+++ b/app/styles/components/markitup.scss
@@ -19,3 +19,16 @@
}
}
}
+
+.markItUpContainer {
+ padding: 0;
+}
+
+.preview {
+ .actions {
+ background: $whitish;
+ margin-top: .5rem;
+ min-height: 2rem;
+ padding: .3rem;
+ }
+}
diff --git a/app/styles/layout/us-detail.scss b/app/styles/layout/us-detail.scss
index f00f360d..25b77f2b 100644
--- a/app/styles/layout/us-detail.scss
+++ b/app/styles/layout/us-detail.scss
@@ -64,14 +64,6 @@
}
}
}
- //.save-container {
- // &.loading {
- // span {
- // @include animation (loading .5s linear);
- // @include animation (spin 1s linear infinite);
- // }
- // }
- //}
.us-number {
@extend %xlarge;
@extend %title;
@@ -172,14 +164,16 @@
position: relative;
&:hover {
cursor: pointer;
- p {
- @include transition(background .2s linear);
- background: $whitish;
- }
- .edit {
- @include transition(all .2s linear);
- opacity: 1;
- top: -1.5rem;
+ .view-description {
+ .edit {
+ @include transition(all .2s linear);
+ opacity: 1;
+ top: -1.5rem;
+ }
+ p {
+ @include transition(background .2s linear);
+ background: $whitish;
+ }
}
}
&.wysiwyg {
@@ -190,19 +184,9 @@
height: 10rem;
margin-bottom: 2rem;
}
- .edit {
- @include transition(all .2s linear);
- background: $whitish;
- color: $grayer;
- left: 0;
- opacity: 0;
- padding: .2rem .5rem;
- position: absolute;
- top: 0;
- }
a.save {
color: $blackish;
- opacity: .8;
+ opacity: .6;
position: absolute;
right: 1rem;
top: .6rem;
@@ -217,6 +201,32 @@
@include animation (spin 1s linear infinite);
}
}
+ .edit {
+ color: $grayer;
+
+ }
+ .view-description {
+ .edit {
+ @include transition(all .2s linear);
+ background: $whitish;
+ left: 0;
+ opacity: 0;
+ padding: .2rem .5rem;
+ position: absolute;
+ top: 0;
+ }
+ }
+ .edit-description {
+ .save {
+ top: .4rem;
+ }
+ .edit {
+ @include transition(all .2s linear);
+ position: absolute;
+ right: 2.5rem;
+ top: .4rem;
+ }
+ }
}
.comment-list {