improve projects display

app/assets/stylesheets/welcome.scss

@@ -161,29 +161,33 @@ hr {
 	content: '';
 }
 #about .textbox {
-	display: inline-block;
 	padding: 10px;
 	width: 30%;
 	height: 110px;
 	overflow: hidden;
+	box-shadow: 10px 10px 10px rgba(0,0,0,0.7);
+}
+
+.textbox {
+	display: inline-block;
 	border-color: rgba(100,190,12,0.7);
 	background-color: rgba(255,255,255,0.7);
-	box-shadow: 10px 10px 10px rgba(0,0,0,0.7);
 }
 
-#projects {
-	position: relative;
-	width: 100%;
-	display: block;
+.projectspace {
+	display: inline-block;
+	width: 35%;
+}
+.projects {
+	display: inline-block;
+	width: 60%;
 	list-style: none;
 	text-align: justify;
 }
-#projects .textbox {
-	display: inline-block;
+.projects .textbox {
 	padding: 3px;
-	margin-top: 10px;
-	border-color: rgb(100,190,12);
-	background-color: rgb(255,255,255);
+	margin-top: 3px;
+	background-color: rgba(0,0,0,0);
 }
 
 .section {

app/views/welcome/index.html.erb

@@ -29,9 +29,11 @@
 		</p>
 		<% @namespaces.each do |namespace| -%>
 			<hr />
-			<h3><%= namespace['name'] %></h3>
-			<p><%= namespace['description'] %></p>
-			<div id="projects">
+			<div class="projectspace">
+				<h3><%= namespace['name'] %></h3>
+				<p><%= namespace['description'] %></p>
+			</div>
+			<div class="projects">
 				<% @projects.find_all { |project|
 					project.namespace == namespace
 				}.each do |project| -%>