Fix positioning for ico group

pedroha · pedroha · commit 4dab14716a68 · 2014-07-17T14:40:35.000-04:00
diff --git a/search.html b/search.html
@@ -166,16 +166,14 @@
       }
 
       .icon-group-container {
-        position: relative;
         height: 52px;
-        width: 140px;
+        width: 100%;
         margin-bottom: 10px;
       }
 
       .icon-group {
-        position: absolute;
-        top: 0;
-        right: 10px;
+        width: 140px;
+        padding-left: 65%;
       }
 
       .container .row {
@@ -222,19 +220,18 @@
         border: 5px solid #FFCB05;
       }
 
-      @media (max-width: 1024px) {
+      @media screen and (min-width: 200px) and (max-width: 1024px) {
         .start, .end, .time
         {
           width: 90%;
         }
 
         .icon-group {
-          position: absolute;
-          top: 10px;
-          left: 10px;
+          padding-left: 0;
         }
       }
 
+
     </style>    
     <title>foodCompass</title>
   </head>

Original file line number	Diff line number	Diff line change
`@@ -166,16 +166,14 @@`
`166`	`166`	`}`
`167`	`167`
`168`	`168`	`.icon-group-container {`
`169`		`- position: relative;`
`170`	`169`	`height: 52px;`
`171`		`- width: 140px;`
	`170`	`+ width: 100%;`
`172`	`171`	`margin-bottom: 10px;`
`173`	`172`	`}`
`174`	`173`
`175`	`174`	`.icon-group {`
`176`		`- position: absolute;`
`177`		`- top: 0;`
`178`		`- right: 10px;`
	`175`	`+ width: 140px;`
	`176`	`+ padding-left: 65%;`
`179`	`177`	`}`
`180`	`178`
`181`	`179`	`.container .row {`
`@@ -222,19 +220,18 @@`
`222`	`220`	`border: 5px solid #FFCB05;`
`223`	`221`	`}`
`224`	`222`
`225`		`- @media (max-width: 1024px) {`
	`223`	`+ @media screen and (min-width: 200px) and (max-width: 1024px) {`
`226`	`224`	`.start, .end, .time`
`227`	`225`	`{`
`228`	`226`	`width: 90%;`
`229`	`227`	`}`
`230`	`228`
`231`	`229`	`.icon-group {`
`232`		`- position: absolute;`
`233`		`- top: 10px;`
`234`		`- left: 10px;`
	`230`	`+ padding-left: 0;`
`235`	`231`	`}`
`236`	`232`	`}`
`237`	`233`
	`234`	`+`
`238`	`235`	`</style>`
`239`	`236`	`<title>foodCompass</title>`
`240`	`237`	`</head>`