Changes Button alignment of next and Prevoius

Harshdev098 · Oct 15, 2024 · c79d982 · c79d982
1 parent 8ab4114
commit c79d982
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 13 deletions.
diff --git a/public/css/stk_mainstyling.css b/public/css/stk_mainstyling.css
@@ -232,8 +232,6 @@ body{
 .btn button{
     padding: 9px 34px;
     border-radius: 10px;
-    margin-inline:70px;
-    margin: 4px;
     font-size: 16px;
     cursor: pointer;
 }
@@ -246,9 +244,10 @@ body{
     border: none;
 }
 .next-btn{
+    align-self:flex-end;
     background-color: black;
     color: white;
-
+    margin-left: auto;
 }
 .submit-btn{
     background-color:green;

diff --git a/public/stk_mainpage.html b/public/stk_mainpage.html
@@ -100,9 +100,7 @@ <h4>Step1 : Methodology</h4>
                         </div>
                         </div>
                         <div class="btn">
-                            <button class="prev-btn" onclick="prevStep()" type="button" style="display: none;"><i style="font-size: 18px;padding: 0px 10px 0px 4px;" class="fa-solid fa-arrow-left"></i>Back</button>
-
-                            <button class="next-btn" onclick="nextStep()" type="button">Next<i style="font-size: 18px;padding: 0px 4px 0px 10px;" class="fa-solid fa-arrow-right"></i></button>
+                            <button class="next-btn" onclick="nextStep()" type="button">Next<i style="font-size: 18px;padding: 0px 4px 0px 10px;" class="fa fa-angle-right"></i></button>
                         </div>
                     </form>
                 </div>
@@ -119,8 +117,8 @@ <h4>Step2 :Ideation or Clarity</h4>
                         </div>
                         </div>
                         <div class="btn">
-                            <button class="prev-btn" onclick="prevStep()" type="button"><i style="font-size: 18px;padding: 0px 10px 0px 4px;" class="fa-solid fa-arrow-left"></i>Back</button>
-                            <button class="next-btn" onclick="nextStep()" type="button">Next<i style="font-size: 18px;padding: 0px 4px 0px 10px;" class="fa-solid fa-arrow-right"></i></button>
+                            <button class="prev-btn" onclick="prevStep()" type="button"><i style="font-size: 18px;padding: 0px 10px 0px 4px;" class="fa-solid fa-angle-left"></i>Back</button>
+                            <button class="next-btn" onclick="nextStep()" type="button">Next<i style="font-size: 18px;padding: 0px 4px 0px 10px;" class="fa-solid fa-angle-right"></i></button>
                         </div>
                     </form>
                 </div>
@@ -137,8 +135,8 @@ <h4>Step3 : Data collection and technique</h4>
                         </div>
                         </div>
                         <div class="btn">
-                            <button class="prev-btn" onclick="prevStep()" type="button"><i style="font-size: 18px;padding: 0px 10px 0px 4px;" class="fa-solid fa-arrow-left"></i>Back</button>
-                            <button class="next-btn" onclick="nextStep()" type="button">Next<i style="font-size: 18px;padding: 0px 4px 0px 10px;" class="fa-solid fa-arrow-right"></i></button>
+                            <button class="prev-btn" onclick="prevStep()" type="button"><i style="font-size: 18px;padding: 0px 10px 0px 4px;" class="fa-solid fa-angle-left"></i>Back</button>
+                            <button class="next-btn" onclick="nextStep()" type="button">Next<i style="font-size: 18px;padding: 0px 4px 0px 10px;" class="fa-solid fa-angle-right"></i></button>
                         </div>
                     </form>
                 </div>
@@ -155,8 +153,8 @@ <h4>Step4 : Quality and Guidelines</h4>
                         </div>
                         </div>
                         <div class="btn">
-                            <button class="prev-btn" onclick="prevStep()" type="button"><i style="font-size: 18px;padding: 0px 10px 0px 4px;" class="fa-solid fa-arrow-left"></i>Back</button>
-                            <button class="next-btn" onclick="nextStep()" type="button">Next<i style="font-size: 18px;padding: 0px 4px 0px 10px;" class="fa-solid fa-arrow-right"></i></button>
+                            <button class="prev-btn" onclick="prevStep()" type="button"><i style="font-size: 18px;padding: 0px 10px 0px 4px;" class="fa-solid fa-angle-left"></i>Back</button>
+                            <button class="next-btn" onclick="nextStep()" type="button">Next<i style="font-size: 18px;padding: 0px 4px 0px 10px;" class="fa-solid fa-angle-right"></i></button>
                         </div>
                     </form>
                 </div>
@@ -179,7 +177,7 @@ <h4>Step5 : Other (optional)</h4>
                         </div>
                         </div>
                         <div class="btn">
-                            <button class="prev-btn" onclick="prevStep()" type="button"><i style="font-size: 18px;padding: 0px 10px 0px 4px;" class="fa-solid fa-arrow-left"></i>Back</button>
+                            <button class="prev-btn" onclick="prevStep()" type="button"><i style="font-size: 18px;padding: 0px 10px 0px 4px;" class="fa-solid fa-angle-left"></i>Back</button>
                             <button type="button" onclick="set()" id="submit" class="submit-btn">Submit</button>
                         </div>
                         </div>