I fixed the package card by centralizing the description and giving s…

…pace above the tag.
aline-borges · Oct 30, 2020 · f0fc87b · f0fc87b
1 parent f31cf05
commit f0fc87b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 9 deletions.
diff --git a/src/app/components/header/header.component.scss b/src/app/components/header/header.component.scss
@@ -92,8 +92,8 @@ a {
   margin-right: 2.4rem;
   cursor: pointer;
   position: relative;
-  border-bottom: .3rem solid transparent;
-  padding-bottom: 0.3rem;
+  border-bottom: .34rem solid transparent;
+  padding-bottom: .3rem;
 
   &:hover {
     border-bottom-color: #fefefe;

diff --git a/src/app/components/package/package.component.scss b/src/app/components/package/package.component.scss
@@ -725,15 +725,13 @@ $black: #000000;
   font-size: 1.4rem;
   font-weight: 500;
   margin: 0.5rem 2.5rem;
-  width: 40rem;
-
-  @include for-tablet-portrait-up {
-    width: 30rem;
-  }
+  width: fit-content;
 
   @include for-phone-only {
-    margin: 0.5rem 0;
-    width: fit-content;
+    width: auto;
+    max-width: 20rem;
+    margin: auto;
+    text-align: center;
   }
 }
 
@@ -807,6 +805,10 @@ $black: #000000;
 .specials-tags {
   background: $red;
   margin-bottom: 1.0rem;
+
+  @include for-phone-only {
+    margin-top: 1rem;
+  }
 }
 
 .old-price {