From d19ba7b1c66178fde916e14c4fe394d8e0c516f7 Mon Sep 17 00:00:00 2001
From: chris <chris.vilayphiou@gmail.com>
Date: Fri, 8 Feb 2013 16:16:33 +0800
Subject: [PATCH] Change css mobile for 3 columns

---
 ...obile.css.erb => orbit-mobile.css.erb.css} | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)
 rename app/assets/stylesheets/mobile/{orbit-mobile.css.erb => orbit-mobile.css.erb.css} (97%)

diff --git a/app/assets/stylesheets/mobile/orbit-mobile.css.erb b/app/assets/stylesheets/mobile/orbit-mobile.css.erb.css
similarity index 97%
rename from app/assets/stylesheets/mobile/orbit-mobile.css.erb
rename to app/assets/stylesheets/mobile/orbit-mobile.css.erb.css
index 72a3c887..dff993c8 100644
--- a/app/assets/stylesheets/mobile/orbit-mobile.css.erb
+++ b/app/assets/stylesheets/mobile/orbit-mobile.css.erb.css
@@ -35,7 +35,7 @@ div[data-role="page"] {
 }
 .main-menu ul {
 	background-color: #333;
-	width: 280px;
+	width: 210px;
 	list-style: none;
 	margin: 0 auto;
 	padding: 0;
@@ -128,8 +128,8 @@ div[data-role="page"] {
 	left: 0;
 }
 .header .language .ui-btn-text i {
-	font-size: .83em;
-	margin-top: .2em;
+	font-size: 1.1em;
+	margin-top: .33em;
 }
 .header .language .ui-icon {
 	background-image: none;
@@ -213,6 +213,9 @@ div[data-role="page"] {
 	padding: 0 10px 20px;
 	margin-bottom: 0;
 }
+#announcement_content .content {
+	padding: 10px;
+}
 #map div[data-role="content"] {
 	padding: 0;
 }
@@ -323,7 +326,7 @@ div[id^="dialog"] .content {
 }
 @media(min-width:600px) {
 	.main-menu ul {
-		width: 560px;
+		width: 420px;
 	}
 	.main-menu ul li {
 		width: 128px;
@@ -331,7 +334,7 @@ div[id^="dialog"] .content {
 }
 @media(min-width:768px) {
 	.main-menu ul {
-		width: 640px;
+		width: 480px;
 	}
 	.main-menu ul li {
 		width: 148px;
@@ -342,7 +345,7 @@ div[id^="dialog"] .content {
 }
 @media(min-width:800px) {
 	.main-menu ul {
-		width: 640px;
+		width: 480px;
 	}
 	.main-menu ul li {
 		width: 148px;
@@ -350,7 +353,7 @@ div[id^="dialog"] .content {
 }
 @media(min-width:961px) {
 	.main-menu ul {
-		width: 640px;
+		width: 480px;
 	}
 	.main-menu ul li {
 		width: 148px;
@@ -358,7 +361,7 @@ div[id^="dialog"] .content {
 }
 @media(min-width: 1024px) {
 	.main-menu ul {
-		width: 800px;
+		width: 600px;
 	}
 	.main-menu ul li {
 		width: 188px;