responsive navbar and alignment change

foundation/erpnext_foundation/doctype/esoc_project_detail/esoc_project_detail.json

@@ -30,7 +30,7 @@
    "label": "Project", 
    "length": 0, 
    "no_copy": 0, 
-   "options": "Accounting App\nTimesheet\nCRM\nPOS\nAgriNext\nInventory\nSchools\nHealthcare", 
+   "options": "Accounting App\nCRM\nPOS\nInventory",
    "permlevel": 0, 
    "precision": "", 
    "print_hide": 0, 
@@ -86,7 +86,7 @@
  "issingle": 0, 
  "istable": 1, 
  "max_attachments": 0, 
- "modified": "2018-03-27 15:38:45.942966", 
+ "modified": "2018-04-03 19:10:21.065397", 
  "modified_by": "Administrator", 
  "module": "ERPNext Foundation", 
  "name": "ESoC Project Detail", 

foundation/public/css/erpnext-org-theme.css

@@ -295,6 +295,17 @@ a:visited {
   display: flex;
   justify-content: space-between;
   align-items: center;
+  flex-direction: column;
+}
+@media screen and (min-width: 767px) {
+  .navbar-header {
+	  flex-direction: inherit;
+  }
+}
+@media only screen and (max-width: 767px) {
+  .right {
+	padding-top: 1rem;
+  }
 }
 .navbar-icon {
   width: 1.5rem;

foundation/www/esoc/get-started.html

@@ -3,7 +3,7 @@
 {% block content %}
 
 <link rel="stylesheet" href="index.css">
-
+<div class=container-wrapper>
 	<section class="help-padding border-top-light">
 		<h1 class="header-1"> Get Started </h1>
 		<p class="intro text-light"> Spend your summer break writing code for an open source software project! </p>
@@ -43,7 +43,6 @@
 					<div class="list-points">
 						<ol>
 							<li> Registrations opens on April 1st and will stay open till April 14th. </li>
-						<li> Eligible students must obtain NOCs from their respective institutions. </li>
 							<li> Select the projects you’d like to work on and propose a solution for it. </li>
 							<li> Make sure you go through <a href="/esoc/terms-and-rules"> Terms & Rules </a>
 								to avoid confusion later.
@@ -58,5 +57,6 @@
 			</div>
 		</div>
 	</section>
+</div>
 
 {% endblock %}

foundation/www/esoc/index.css

@@ -48,6 +48,10 @@
 	font-size: 1.5rem;
 }
 
+.text-small {
+	font-size: 1.2rem;
+}
+
 .bottom-spacer {
 	margin-top: 2.5rem;
 	margin-bottom: 2.5rem;
@@ -178,11 +182,10 @@ ul, ol{
 }
 
 /* ----------- INDEX ----------- */
-.container {
+.container-wrapper {
 	width: 80%;
 	max-width: 1200px;
 	margin: 0 auto;
-	/* text-align: center; */
 }
 
 .tiny-content {
@@ -406,11 +409,11 @@ time {
 	font-weight: 400;
 }
 .help-padding {
-	padding: 1rem 4rem !important;
+	padding: 1rem 1rem;
 }
 @media screen and (min-width: 767px) {
 	.help-padding {
-		padding: 3rem 8rem !important;
+		padding: 3rem 1.5rem;
 	}
 }
 

foundation/www/esoc/index.html

@@ -5,7 +5,7 @@
 <script type="text/javascript" src="index.js"></script>
 
 <section class='section-padding text-center border-top-light'>
-	<div class="container">
+	<div class="container-wrapper">
 		<h1 class="header-1">ERPNext Summer of Code</h1>
 		<p class='intro text-light'>
 				ERPNext Summer of Code is an initiative by the ERPNext Foundation, in similar lines to Google Summer of Code (GSoC) to help bring more young and budding developers in to the world of Open Source Software development. 
@@ -96,8 +96,8 @@
 </section>
 
 <section class="section-padding border-top-light">
-	<div class="container">
+	<div class="container-wrapper">
-		<h1 class="header-1 text-center"> Projects </h1>
+		<h1 class="header-1 text-center" id="projects"> Projects </h1>
 		<p class='intro text-light text-center'>
 			Build Open Source Mobile Apps based on Ionic Framework.
 		</p>
@@ -120,7 +120,7 @@
 </section>
 
 <section class="why-apply-padding gray-bg border-top-light">
-	<div class="container">
+	<div class="container-wrapper">
 		<h1 class="header-1 text-center"> Why Apply? </h1>
 		<div class="align-list text-muted">
 			<ul>
@@ -147,6 +147,9 @@
 		<div class="text-center">
 			<a class="button button-primary" href="/apply-for-esoc"> Apply Now </a>
 		</div>
+		<div class="text-center text-muted text-small">
+			{ for more queries drop an email at esoc@erpnext.org }
+		</div>
 	</div>
 </section>
 {% endblock %}