layout and style changes

[myslice.git] / portal / templates / slicerequest_view.html

diff --git a/portal/templates/slicerequest_view.html b/portal/templates/slicerequest_view.html
index fc91224..1f57bce 100644 (file)
--- a/portal/templates/slicerequest_view.html
+++ b/portal/templates/slicerequest_view.html
@@ -1,20 +1,11 @@
-{% extends "layout-unfold1.html" %}
+{% extends "layout.html" %}
 {% load i18n %}
 
-{% block head %}
-{{ wizard.form.media }}
-{% endblock %}
-
-{% block unfold_main %}
+{% block content %}
 
-<link rel="stylesheet" type="text/css" href="{{STATIC_URL}}/css/onelab.css" />
-<!-- xxx ideally only onelab.css but ... xxx -->
-<link rel="stylesheet" type="text/css" href="{{STATIC_URL}}/css/registration.css" />
-
-<div class="onelab-title well-lg">
-  <h2>Request a Slice</h2>
+<div class="row">
+       <h1><img src="{{ STATIC_URL }}img/icon_slices_small.png" alt="Request a Slice" /> Request a new Slice</h1>
 </div>
-
 {% if errors %}
 <ul>
   {% for error in errors %}
@@ -23,16 +14,19 @@
 </ul>
 {% endif %}
 
-<div class='well'>
-  <form id="commentForm" class="form-horizontal" action="" method="post" role="form">{% csrf_token %}
+<div class="row">
+  <form id="commentForm" class="form-horizontal" method="post">
+  {% csrf_token %}
   <fieldset>
 
    <div class="form-group">
      <label for="email" class="col-xs-2 control-label">Experimenter</label>
      <div class="col-xs-4">
-        <label class="col-xs-2 control-label" style="height:34px;">{{ email }}</label>
+        <label class="col-xs-2 control-label">{{ email }}</label>
+     </div>
+     <div class="col-xs-6">
+       <p class="form-hint">Experimenter requesting a Slice</p>
      </div>
-     <div class="col-xs-6"> <p class="form-hint">Experimenter requesting a Slice</p> </div>
    </div>
 
    <div class="form-group">
@@ -67,17 +61,22 @@
      <label for="purpose" class="col-xs-2 control-label">Experiment purpose</label>
      <div class="col-xs-4">
        <div class="ui-widget">
-           <textarea id="purpose" name="purpose" class="form-control" style="height:110px;" placeholder="Purpose" required>{{ purpose }}</textarea>
+           <textarea id="purpose" name="purpose" class="form-control" style="height:110px;" placeholder="Experiment Purpose" required>{{ purpose }}</textarea>
        </div>
     </div>
-     <div class="col-xs-6"><p class="form-hint">Purpose of your experiment (informative)</p></div>
+     <div class="col-xs-6">
+       <p class="form-hint">Purpose of your experiment (informative)</p>
+     </div>
    </div>
 
-   <button class="submit btn btn-default col-xs-12" type="submit">Request Slice</button>
+       <div class="col-xs-2">
+       </div>
+       <div class="col-xs-4">
+               <button class="submit btn btn-default" type="submit">Request Slice</button>
+       </div>
   </fieldset>
   </form>
 </div>
-
 <script>
 jQuery(document).ready(function(){
     var availableTags = [
@@ -95,6 +94,7 @@ jQuery(document).ready(function(){
     ];
     $( "#authority_hrn" ).autocomplete({
       source: availableTags,
+      minLength: 0,
       select: function( event, ui ) {console.log(jQuery(this))}
     });
 });