fix some display on index page

static/css/comex.css

@@ -285,6 +285,11 @@ h2.oldstyle {
   font-weight: bold;
 }
 
+
+h2.oldstyle.maintitle {
+  margin-left: -.5em;
+}
+
 /* "accordeon": collapsible formcats */
 div.ccsection-wrap {
     margin-top: 0 ;
@@ -345,6 +350,11 @@ div.ccsection-footer {
 }
 
 
+/* main DIRECTORY MAP actions */
+.actions {
+    display: block;
+}
+
 /* "carte de visite" */
 .our-vcard {
     line-height: 110%;

templates/rootindex.html

@@ -52,7 +52,7 @@
         <div id="loading" style="padding-left:-175px; margin-left: 27%;">
             <img src="/static/css/loading.gif" style="border: 0px; opacity: 0.05; " />
         </div>
-        <h2 class="oldstyle" style="margin-left:-.7em;">Welcome to the complex systems community explorer (beta version)</h2>
+        <h2 class="oldstyle maintitle">Welcome to the complex systems community explorer (beta version)</h2>
 
       </div>
       <div class="spacer col-lg-1 col-md-1 hidden-sm-down">&nbsp;</div>
@@ -63,7 +63,7 @@
       <div class="spacer col-lg-1 col-md-1 hidden-sm-down">&nbsp;</div>
 
       <!-- ### ( 1 big column for directory search ) ### -->
-      <div class="col-lg-6 col-md-6 col-sm-12">
+      <div class="col-lg-6 col-md-5 col-sm-12">
 
           <p class="mini-hero">
             Map your own socio-semantic network or explore sub-communities using the <strong> interactive menu</strong> on the top of the webpage. Use the "refine" filters to select keywords and scholars matching your subjects of interests.
@@ -75,16 +75,18 @@
           <p class="sub-hero">
               <!--<form>-->
               <input type="text" id="searchname" class="input-lg name" style="display:inline-block;" placeholder="Your last name">
-              <input type="hidden" id="searchlogin" value="">
-              <img src="/static/css/branding/big_arrow.png" alt="" style="border: none; margin: 0 2px 5px 0;" title="" />
-              <button id="print2" class="btn btn-small btn-primary">
-                  DIRECTORY
-              </button>
-              &nbsp;OR&nbsp;
-              <button id="generate2" class="btn btn-small btn-primary">
-                  MAP
-              </button>
-              <!--<a id="printname" href="#"> <strong>PRINT</strong></a>-->
+
+              <span id="actions">
+                  <img src="/static/css/branding/big_arrow.png" alt="" style="border: none; margin: 0 2px 5px 0;" title="" />
+                  <button id="print2" class="btn btn-small btn-primary">
+                      DIRECTORY
+                  </button>
+                  &nbsp;OR&nbsp;
+                  <button id="generate2" class="btn btn-small btn-primary">
+                      MAP
+                  </button>
+                  <!--<a id="printname" href="#"> <strong>PRINT</strong></a>-->
+              </span>
           </p>
           <p class="sub-hero">
               <span class="glyphicon glyphicon-user"></span>
@@ -110,10 +112,10 @@
                <span class="glyphicon glyphicon-repeat"></span> Suggestions or comments ? <a href="http://moma.csregistry.org/feedback"  target="BLANK">Please feedback.</a> <br/> -->
            </p>
       </div>
-      <div class="spacer col-lg-1 col-md-1 hidden-sm-down">&nbsp;</div>
+      <div class="spacer col-lg-1 hidden-md-down">&nbsp;</div>
       <!-- ### ( 1 small column for news and announcements ) ### -->
       <div class="col-lg-3 col-md-3 col-sm-12">
-          <h2 class="oldstyle" style="font-size:1.5em;margin-top:-15px;text-align:center;">
+          <h2 class="oldstyle" style="font-size:1.5em;text-align:center;">
               Special features
           </h2>
            <div id="news-container">
@@ -124,8 +126,8 @@
                </ul>
            </div>
 
-           <div class="center" style="margin-top:20px;">
-           <iframe src="http://player.vimeo.com/video/38383946" width="400" height="230" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
+           <div class="center" style="margin-top:30px;margin-left:-20px;">
+           <iframe src="https://player.vimeo.com/video/38383946" width="350" height="201" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
             </div>
       </div>
       <div class="spacer col-lg-1 col-md-1 hidden-sm-down">&nbsp;</div>