add: subtitle active form style

diff --git a/src/app/subtitle/subtitle.component.css b/src/app/subtitle/subtitle.component.css
index a037ba1e521d381802f3e5f18a8fd03d3e165a8c..a8209b8495636a9527c460f1ae29bb1dc8d4c7c3 100644 (file)
--- a/src/app/subtitle/subtitle.component.css
+++ b/src/app/subtitle/subtitle.component.css
@@ -3,6 +3,10 @@
        font-family: 'Tangerine';
 }
 
+.active {
+       background-color: #fff6e6;
+}
+
 .button {
        display: inline-block;
        margin: 0.5em 0;

diff --git a/src/app/subtitle/subtitle.component.html b/src/app/subtitle/subtitle.component.html
index 9a380359c544af5a9493b43350fd48cf91a6c3f9..40be1c7b8d162dada54bf42ac3d8e28f3585a24a 100644 (file)
--- a/src/app/subtitle/subtitle.component.html
+++ b/src/app/subtitle/subtitle.component.html
@@ -1,4 +1,4 @@
-<div class="subtitle">
+<div class="subtitle" [class.active]="formSubtitleVisible">
        <h2>{{subtitle.Subtitle}}</h2>
        <button class="button"
                type="button"