Restyle single project page

open-reblock · Oct 5, 2015 · e5a565f · e5a565f
1 parent 0df1834
commit e5a565f
Show file tree

Hide file tree

Showing 4 changed files with 324 additions and 280 deletions.
diff --git a/static/css/home.css b/static/css/home.css
@@ -141,6 +141,9 @@ p {
   padding: 36px;
   background: #ffffff;
 }
+.inline-dialog .dialog-body.fixed-width {
+  width: 460px;
+}
 .inline-dialog label {
   display: block;
   font-size: 24px;
@@ -167,6 +170,12 @@ p {
 .inline-dialog input {
   height: 55px;
 }
+.inline-dialog input.confirm {
+  background-color: #65d850;
+  border-color: #efefef;
+  color: #ffffff;
+  box-shadow: none;
+}
 .inline-dialog textarea {
   resize: none;
   height: 140px;
@@ -182,6 +191,9 @@ p {
 .inline-dialog textarea + .button {
   margin-top: 0;
 }
+.inline-dialog .ui-slider {
+  margin-bottom: 32px;
+}
 .login-form p {
   display: block;
   margin-top: -16px;
@@ -317,3 +329,11 @@ a.button.confirm {
   text-align: center;
   margin-bottom: 72px;
 }
+#minbeds {
+  display: none;
+}
+#project-description {
+  padding-bottom: 36px;
+  border-bottom: 2px solid #e2e2e2;
+  margin-bottom: 36px;
+}
diff --git a/static/css/home.less b/static/css/home.less
@@ -17,7 +17,7 @@ body {
 
 h2 {
 	font-size: 32px;
-	margin-bottom: 32px;
+	margin-bottom: @control-margin-bottom;
 }
 
 h2 {
@@ -138,7 +138,7 @@ p {
 
 	h2 {
 		padding-left: 0;
-		margin-bottom: 32px;
+		margin-bottom: @control-margin-bottom;
 	}
 
 	.dialog-body {
@@ -150,6 +150,10 @@ p {
 		padding: 36px;
 
 		background: @white;
+
+		&.fixed-width {
+			width: 460px;
+		}
 	}
 
 	label {
@@ -167,7 +171,7 @@ p {
 		font-size: 28px;
 		background-color: @input-grey;
 		padding-left: 10px;
-		margin-bottom: 32px;
+		margin-bottom: @control-margin-bottom;
 
 		border: none;
 		border-radius: 6px;
@@ -179,6 +183,12 @@ p {
 	}
 	input {
 		height: 55px;
+		&.confirm {
+			background-color: rgb(101, 216, 80);
+			border-color: rgb(239, 239, 239);
+			color: @white;
+			box-shadow: none;
+		}
 	}
 	textarea {
 		resize: none;
@@ -197,6 +207,10 @@ p {
 	textarea + .button {
 		margin-top: 0;
 	}
+
+	.ui-slider {
+		margin-bottom: @control-margin-bottom;
+	}
 }
 
 .login-form {
@@ -363,4 +377,14 @@ a.button {
 .footer {
 	text-align: center;
 	margin-bottom: 72px;
+}
+
+#minbeds {
+	display: none;
+}
+
+#project-description {
+	padding-bottom: 36px;
+	border-bottom: 2px solid @input-grey;
+	margin-bottom: 36px;
 }
diff --git a/static/css/localcode-scheme.less b/static/css/localcode-scheme.less
@@ -20,6 +20,7 @@
 @input-grey: rgb(226, 226, 226);
 
 @project-width: 400px;
+@control-margin-bottom: 32px;
 
 // Typography
 @sans: 'Helvetica Neue', Helvetica, Arial, sans-serif;