Add on focus for question icons

src/app/components/shared/comment-list/comment-list.component.scss

@@ -141,7 +141,7 @@ app-comment {
 }
 
 h3 {
-  font-size: 18pt!important;
+  font-size: 18pt !important;
   margin: 10px;
 }
 
@@ -191,3 +191,4 @@ h3 {
 .visible {
   transform: scale(1);
 }
+

src/app/components/shared/comment-page/comment-page.component.scss

@@ -2,3 +2,4 @@ app-comment-list {
   width: 100%;
   max-width: 800px;
 }
+

src/app/components/shared/comment/comment.component.scss

@@ -78,6 +78,7 @@ mat-card-content > :first-child {
 .click {
   cursor: pointer;
 }
+
 user.role
 .mat-icon {
   transform: scale(1.2);
@@ -95,12 +96,12 @@ user.role
 }
 
 .highlighted {
-  background-color: var(--secondary)!important;
+  background-color: var(--secondary) !important;
   transition: background-color 1s linear;
 }
 
 .highlighted * {
-  color: var(--on-secondary)!important;
+  color: var(--on-secondary) !important;
 }
 
 .gavel {
@@ -108,7 +109,7 @@ user.role
 }
 
 .moderator {
-  background-color: var(--moderator)!important;
+  background-color: var(--moderator) !important;
 }
 
 .comment-tags {
@@ -207,3 +208,7 @@ user.role
     transform: scale3d(1, 1, 1)
   }
 }
+
+button:focus {
+  border: 1px solid var(--on-surface);
+}