Add a single liner input box that will be the main entry point. For #18.

librarian/static/styles/add_books.css

@@ -1,7 +1,3 @@
-div.content-creator-buttons{
-    padding-top: 18px;
-}
-
 div.legend{
     padding: 0.3em;
     display: inline-block;

librarian/static/styles/librariantheme.css

@@ -119,11 +119,15 @@ div.reprocess_book{
     color: #000;
 }
 
-div.empty_set, div.unsaved_book, div.grouped_input{
+div.empty_set, div.unsaved_book, div.grouped-input{
     padding: 10px;
     background-color: #dadada;
 }
 
+div.grouped-input, div.input-group{
+    width: 100%;
+}
+
 a.navbox{
 	color: #ffffff;
 	word-spacing: normal;
@@ -183,6 +187,13 @@ input.infrequent{
 	color: #000;
 }
 
+/*
+Make important because to override bootstrap
+*/
+input.single-liner-halves{
+    width: 50% !important;
+}
+
 /*Images*/
 
 img.logo {

librarian/templates/add_books.jinja

@@ -2,12 +2,20 @@
 
 {% macro render_creator_listing(creator_title) %}
 {% set listing_label = "".join((creator_title.capitalize(), "(s):")) %}
-<div class="grouped_input" id="{{ creator_title }}-block">
+<div class="grouped-input" id="{{ creator_title }}-block">
     <div class="row">
         <div class="col-md-11">
             <h3>{{ listing_label }}</h3>
         </div>
-        <div class="col-md-1 content-creator-buttons">
+    </div>
+    <div class="row">
+        <div class="col-md-11">
+            <div class="input-group">
+                <input type="text" class="form-control single-liner-halves" placeholder="First name">
+                <input type="text" class="form-control single-liner-halves" placeholder="Last name">
+            </div>
+        </div>
+        <div class="col-md-1">
             <i class="fa fa-plus-circle fa-2x clickable" id="{{ creator_title }}-add"></i>
         </div>
     </div>