CSS: fix handle box size by media query (no JS)

Leonardo Merlin
1 parent bda1553a
Showing 1 changed file with 5 additions and 5 deletions Show diff stats
src/app/components/programa/programa.scss
@@ -42,20 +42,20 @@ $darken: 15%;
  
     &--title {
  
-        padding: $program-box-space;
+        padding: 0 $program-box-space;
  
         h1 {
             font-size: 18px;
             font-weight: bold;
+            margin: 0 0 $program-box-space 0;
             display: table-cell;
             vertical-align: middle;
-            margin: 10px 0;
  
             // Altura das linhas do abstract
-            $hLine: 20px;
+            $hLine: 20px;            
+            // default 
+            height: $hLine * 2; 
  
-            height: $hLine * 2; // default
-
             @media (max-width: $screen-xs) {
                 // height: $hLine * 3;
                 height: auto;
...	...	@@ -42,20 +42,20 @@ $darken: 15%;
42	42
43	43	&--title {
44	44
45		- padding: $program-box-space;
	45	+ padding: 0 $program-box-space;
46	46
47	47	h1 {
48	48	font-size: 18px;
49	49	font-weight: bold;
	50	+ margin: 0 0 $program-box-space 0;
50	51	display: table-cell;
51	52	vertical-align: middle;
52		- margin: 10px 0;
53	53
54	54	// Altura das linhas do abstract
55		- $hLine: 20px;
	55	+ $hLine: 20px;
	56	+ // default
	57	+ height: $hLine * 2;
56	58
57		- height: $hLine * 2; // default
58		-
59	59	@media (max-width: $screen-xs) {
60	60	// height: $hLine * 3;
61	61	height: auto;
...	...