From d0fe499ee3181333b7b7b49738ab7a918e787e81 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fernando=20M=C3=A9ndez?=
 <45081533+FerMdez@users.noreply.github.com>
Date: Sat, 5 Jun 2021 15:15:45 +0200
Subject: [PATCH] Add files via upload

---
 assets/css/highContrast.css | 16 ++++++++++------
 assets/css/main.css         | 16 ++++++++++------
 index.php                   |  6 +++---
 3 files changed, 23 insertions(+), 15 deletions(-)

diff --git a/assets/css/highContrast.css b/assets/css/highContrast.css
index e1e77d1..644a184 100644
--- a/assets/css/highContrast.css
+++ b/assets/css/highContrast.css
@@ -487,11 +487,12 @@
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(255, 255, 255, 0.19);
 }
 .promotions button {
-  margin: 1em 1em 0 1em;
+  margin: 4em 1em 0 1em;
   background-repeat: no-repeat;
-  height: 125px;
-  width: 125px;
+  height: 40px;
+  width: 40px;
   background-position: center;
+  text-indent: 0px;
 }
 .controls {
   text-align: center;
@@ -502,6 +503,7 @@
   border-radius: 25px;
   background-repeat: no-repeat;
   background-position: center;
+  text-indent: -1px;
 }
 .controls #stop {
   height: 30px;
@@ -509,16 +511,18 @@
   border-radius: 25px;
   background-repeat: no-repeat;
   background-position: center;
+  text-indent: -5px;
 }
 /* Responsive layout */
 @media (max-width: 750px) {
   .promotions button {
-    margin: 0 1em 0 1em;
+    width: 10%;
+    margin: 0.5em 1em 0 1em;
   }
   .promotions .imagen {
-    margin-top: 2.5em;
+    margin-top: 0.2em;
     width: 100%;
-    height: 40px;
+    height: 45px;
   }
 }
   
diff --git a/assets/css/main.css b/assets/css/main.css
index e0e63d6..0164473 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -518,11 +518,12 @@ main img {
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(255, 255, 255, 0.19);
 }
 .promotions button {
-  margin: 1em 1em 0 1em;
+  margin: 4em 1em 0 1em;
   background-repeat: no-repeat;
-  height: 125px;
-  width: 125px;
+  height: 40px;
+  width: 40px;
   background-position: center;
+  text-indent: 0px;
 }
 .controls {
   text-align: center;
@@ -533,6 +534,7 @@ main img {
   border-radius: 25px;
   background-repeat: no-repeat;
   background-position: center;
+  text-indent: -1px;
 }
 .controls #stop {
   height: 30px;
@@ -540,16 +542,18 @@ main img {
   border-radius: 25px;
   background-repeat: no-repeat;
   background-position: center;
+  text-indent: -5px;
 }
 /* Responsive layout */
 @media (max-width: 750px) {
   .promotions button {
-    margin: 0 1em 0 1em;
+    width: 10%;
+    margin: 0.5em 1em 0 1em;
   }
   .promotions .imagen {
-    margin-top: 2.5em;
+    margin-top: 0.2em;
     width: 100%;
-    height: 40px;
+    height: 45px;
   }
 }
 
diff --git a/index.php b/index.php
index 971a454..21fce2e 100644
--- a/index.php
+++ b/index.php
@@ -24,13 +24,13 @@
             <div class="code">
                 <h2>Promociones</h2>
                 <section class="promotions">
-                    <button id="retroceder">Anterior</button>
+                    <button id="retroceder">&#x23EA;</button>
                     <a href="promotions/" class="imagen"></a>
-                    <button id="avanzar">Siguiente</button>
+                    <button id="avanzar">&#x23E9;</button>
                 </section>
                 <section class="controls">
                     <button id="play">&#x25b6;</button>
-                    <button id="stop" disabled>||</button>
+                    <button id="stop" disabled>&#9208;</button>
                 </section>
             </div>
         </section>