[bug 758722] Make questions/new more visual

Make the icons on the "questions/new" page larger and reformat the product list to float for better visibility.
mozilla · Jun 7, 2012 · 0c9f032 · 0c9f032
1 parent 8d17475
commit 0c9f032
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 8 deletions.
diff --git a/media/css/questions.css b/media/css/questions.css
@@ -1237,7 +1237,8 @@ form div.attachments-upload img {
 }
 
 #ask-question ul.select-one {
-    font-size: 18px;
+    font-family: Georgia, serif;
+    font-size: 20px;
     margin: 0.5em 0 1em;
 }
 
@@ -1274,31 +1275,37 @@ form div.attachments-upload img {
 
 
 #ask-question ul.products li {
-    padding-left: 45px;
+    float: left;
+    height: 44px;
+    padding: 53px 0 53px 150px;
+    width: 220px;
 }
 
 #ask-question ul.products span {
     color: #6d7581;
     display: block;
-    font-size: 14px;
+    font-size: 15px;
 }
 
 .desktop-icon,
-.beta-icon,
+.beta-icon {
+    background: transparent url(../img/logos.large.sprite.png) no-repeat 0 0px;
+}
+
 .mobile-icon {
-    background: transparent url(../img/logos.sprite.png) no-repeat 0 6px;
+    background: transparent url(../img/logos.large.sprite.png) no-repeat 0 -450px;
 }
 
 .home-icon {
-    background: transparent url(../img/logos.sprite.png) no-repeat 0 -142px;
+    background: transparent url(../img/logos.large.sprite.png) no-repeat 0 -600px;
 }
 
 .sync-icon {
-    background: transparent url(../img/logos.sprite.png) no-repeat 0 -298px;
+    background: transparent url(../img/logos.large.sprite.png) no-repeat 0 -300px;
 }
 
 .other-icon {
-    background: transparent url(../img/logos.sprite.png) no-repeat 0 -442px;
+    background: transparent url(../img/logos.large.sprite.png) no-repeat 0 -150px;
 }
 
 

diff --git a/media/img/logos.large.sprite.png b/media/img/logos.large.sprite.png