Updated the daily quote section - added padding, colour and right-quo…

…te img Fixed Canvasbird#373
vismitap · Feb 24, 2021 · 9d3d651 · 9d3d651
1 parent 95858f5
commit 9d3d651
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/app/components/dashboard/dashboard.component.html b/src/app/components/dashboard/dashboard.component.html
@@ -96,8 +96,8 @@ <h5 class="error-label"><span class="badge badge-danger" id="error-label">Error
 
 <!-- Quote -->
 <footer class="quote mt-1 pb-0">
-  <span class="quoteText"><img src="https://img.icons8.com/fluent-systems-filled/24/000000/quote-left.png"/>{{quote?.text}}</span>
-  <span class="quoteAuthor">- {{quote?.author === "" ? 'Anonymous' : quote?.author}}</span>
+  <span class="quoteText"><img src="https://img.icons8.com/fluent-systems-filled/24/000000/quote-left.png"/>{{quote?.text}}<img src="https://img.icons8.com/fluent-systems-filled/24/000000/quote-right.png"/></span>
+  <span class="quoteAuthor pb-4">- {{quote?.author === "" ? 'Anonymous' : quote?.author}}</span>
 </footer>
 
 

diff --git a/src/app/components/dashboard/dashboard.component.scss b/src/app/components/dashboard/dashboard.component.scss
@@ -144,24 +144,24 @@
 }
 
 .quoteText{
-  color: black;
+  color: rgb(78, 4, 78);
   display: flex;
   justify-content: center;
   font-family: 'PT Serif', serif;
   font-style: italic;
   font-size: 16px;
   font-weight: bold;
-  opacity: 50%;
+  opacity: 80%;
 }
 
 .quoteAuthor{
-  color: black;
+  color: brown;
   display: flex;
   justify-content: center;
   font-family: 'PT Serif', serif;
   font-style: italic;
   font-size: 16px;
-  opacity: 50%;
+  opacity: 80%;
   font-weight: bold;
 }