diff --git a/src/app/components/floating-column/scheduled-statuses/scheduled-status/scheduled-status.component.html b/src/app/components/floating-column/scheduled-statuses/scheduled-status/scheduled-status.component.html index 08a5517d..11043c71 100644 --- a/src/app/components/floating-column/scheduled-statuses/scheduled-status/scheduled-status.component.html +++ b/src/app/components/floating-column/scheduled-statuses/scheduled-status/scheduled-status.component.html @@ -1,19 +1,23 @@
-
+
+ {{ status.scheduled_at | date: 'MMM d, y, h:mm:ss a' }} +
+ + +
-
- {{ status.params.spoiler_text }} +
+ spoiler text: {{ status.params.spoiler_text }}
-
+
{{ status.params.text }}
-
- {{ status.scheduled_at }} -
+
\ No newline at end of file diff --git a/src/app/components/floating-column/scheduled-statuses/scheduled-status/scheduled-status.component.scss b/src/app/components/floating-column/scheduled-statuses/scheduled-status/scheduled-status.component.scss index 3f5ce2ac..e137d3ea 100644 --- a/src/app/components/floating-column/scheduled-statuses/scheduled-status/scheduled-status.component.scss +++ b/src/app/components/floating-column/scheduled-statuses/scheduled-status/scheduled-status.component.scss @@ -1,16 +1,28 @@ -.scheduled-status { - padding: 5px 5px 0 5px; - outline: 1px solid greenyellow; +$avatar-size: 40px; + +.scheduled-status { + padding: 0 5px 10px 5px; &__avatar { + float: left; &--image { - width: 40px; + width: $avatar-size; } } &__content { + &--text { + width: calc(100% - #{$avatar-size}); + margin-left: $avatar-size; + padding: 0 5px; + min-height: 40px; + } + &--spoiler { + color: gray; + min-height: 0px; + } } } \ No newline at end of file