Merge pull request #596 from puzzle/bug/578-scoring-styling

fix border right if keyresult is newly loaded
puzzle · Nov 23, 2023 · 5112a98 · 5112a98
2 parents 2473dc4 + 92552b0
commit 5112a98
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 10 deletions.
diff --git a/frontend/src/app/keyresult-detail/keyresult-detail.component.scss b/frontend/src/app/keyresult-detail/keyresult-detail.component.scss
@@ -15,11 +15,11 @@
 }
 
 .scoring-detail {
-  width: 82%;
+  width: 81%;
 }
 
 .confidence-container {
-  width: 18%;
+  width: 19%;
 }
 
 .ordinal-scoring-boxes {

diff --git a/frontend/src/app/shared/custom/scoring/scoring.component.ts b/frontend/src/app/shared/custom/scoring/scoring.component.ts
@@ -175,7 +175,7 @@ export class ScoringComponent implements OnInit, AfterViewInit, OnChanges {
   }
 
   removeStyleClass() {
-    let classArray: string[] = ['score-red', 'score-green', 'score-yellow', 'score-stretch'];
+    let classArray: string[] = ['score-red', 'score-green', 'score-yellow', 'score-stretch', 'border-right'];
     for (let classToRemove of classArray) {
       this.commitElement?.nativeElement.classList.remove(classToRemove);
       this.targetElement?.nativeElement.classList.remove(classToRemove);

diff --git a/frontend/src/assets/images/scoring-stars.svg b/frontend/src/assets/images/scoring-stars.svg
diff --git a/frontend/src/style/styles.scss b/frontend/src/style/styles.scss
@@ -183,7 +183,8 @@ input[type="text"] {
 .stretch-div {
   width: 100%;
   background-image: url("./../assets/images/scoring-stars.svg");
-  height: 27px;
+  height: 21px;
+  margin-bottom: 6.5px;
 }
 
 @media only screen and (max-width: 420px) {