css changes

alexcican · Nov 6, 2023 · 7f82100 · 7f82100
1 parent 3dc7c7f
commit 7f82100
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 19 deletions.
diff --git a/styles/sass/_list-shows.scss b/styles/sass/_list-shows.scss
@@ -22,7 +22,7 @@
 
 // on hover TV show faint sign of X for remove show
 .container__list-of-shows li:hover > .js-remove-item {
-  @include opacity(.6);
+  @include opacity(.8);
 }
 
 // on hover TV show and X icon show full opacity of icon
@@ -84,7 +84,7 @@
   padding: 5px 0;
   clear: both;
   // background: rgba(0,0,0,.4);
-  @include background-image(linear-gradient(transparent, rgba(0,0,0,.5), rgba(0,0,0,.7)));
+  @include background-image(linear-gradient(transparent, rgba(0,0,0,.7), rgba(0,0,0,.9)));
   -webkit-user-select: none;
   -moz-user-select: none;
   -o-user-select: none;

diff --git a/styles/sass/_mobile.scss b/styles/sass/_mobile.scss
@@ -8,6 +8,11 @@
     height: 115px;
   }
 
+  .container__inputs {
+    width: 100%;
+    margin-top: 10%;
+  }
+
   .about__icon {
     display: none;
   }
@@ -39,7 +44,37 @@
 
   input, .tvshow, .select2-input {
     font-weight: 300;
-    font-size: 2em !important;
+    font-size: 1.44em !important;
+  }
+
+  .tvshow, .select2-input {
+    // width: 70%;
+  }
+
+  .seasons {
+    width: 15%;
+    padding-right: 0;
+    margin-right: -2%;
+    position: absolute;
+    top: 15%;
+    right: 10%;
+  }
+
+  .seasons-description {
+    position: absolute;
+    right: 10%;
+  }
+
+  .submit {
+    font-size: 3em;
+    margin-top: 9px;
+    position: absolute;
+    top: 0;
+    right: 0%;
+  }
+
+  .container__top__previous-show-time {
+    top: 20%;
   }
 
 
@@ -49,7 +84,7 @@
   }
 
   .select2-container {
-    width: 100%;
+    // width: 100%;
     margin-right: -3%;
   }
 
@@ -70,21 +105,6 @@
     line-height: 26px;
   }
 
-
-
-  .seasons {
-    width: 15%;
-    padding-right: 0;
-    margin-right: -2%;
-  }
-
-  .submit {
-    font-size: 3em;
-    margin-top: 9px;
-  }
-
-
-
   .container__list-of-shows {
     margin-top: 12%;
   }