buttons quiz

annamar26 · Jan 25, 2022 · f1f5b08 · f1f5b08
1 parent 9dd74ff
commit f1f5b08
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/blackrock/src/app/components/fifth-question/fifth-question.component.scss b/blackrock/src/app/components/fifth-question/fifth-question.component.scss
@@ -6,7 +6,7 @@ $pink: #fc9bb3;
 div {
   background-color: $pink;
   height: 85%;
-  padding: 83px;
+  padding: 83px 83px 20px;
   h1 {
     margin: 0rem 0rem 2rem 2rem;
     font-weight: bold;

diff --git a/blackrock/src/app/pages/home/home.component.html b/blackrock/src/app/pages/home/home.component.html
@@ -22,4 +22,3 @@ <h1>¿Te gustaría ser un <span>maestro Yoda</span> de las finanzas?</h1>
 	</div>
 </section>
 <app-footer></app-footer>
-
diff --git a/blackrock/src/app/pages/quiz/quiz.component.scss b/blackrock/src/app/pages/quiz/quiz.component.scss
@@ -11,6 +11,7 @@ mat-stepper {
     display: flex;
     align-items: center;
     justify-content: flex-end;
+		gap: 3rem;
     padding: 0 2.5em 0 2.5em;
     button {
       background: $black;
@@ -55,6 +56,7 @@ mat-stepper {
     display: flex;
     align-items: center;
     justify-content: flex-end;
+		gap: 3rem;
     padding: 0 2.5em 0 2.5em;
     button {
       background: $black;
@@ -99,6 +101,7 @@ mat-stepper {
     display: flex;
     align-items: center;
     justify-content: flex-end;
+		gap: 3rem;
     padding: 0 2.5em 0 2.5em;
 
     button {
@@ -144,7 +147,8 @@ mat-stepper {
     background-color: $pink;
     display: flex;
     align-items: center;
-    justify-content: space-between;
+    justify-content: flex-end;
+		gap: 3rem;
     padding: 0 2em 0 2em;
 
     button {
@@ -176,7 +180,7 @@ mat-stepper {
           transform: scale(1);
         }
 
-        
+
       }
       .iconBtn {
         color: $orange;
Original file line number	Diff line number	Diff line change
Expand Up		@@ -22,4 +22,3 @@ <h1>¿Te gustaría ser un <span>maestro Yoda</span> de las finanzas?</h1>
		</div>
		</section>
		<app-footer></app-footer>