From 0ec787b9ad4412ce75ec6983a6a746f7382303aa Mon Sep 17 00:00:00 2001
From: Charles Connell <charles@connells.org>
Date: Sun, 20 Apr 2014 23:35:12 -0400
Subject: [PATCH] Note upload on mobile

---
 karmaworld/assets/css/note_course_pages.css     |  9 +++++++++
 karmaworld/templates/courses/course_detail.html |  2 +-
 karmaworld/templates/partial/filepicker.html    | 14 +++++++-------
 3 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/karmaworld/assets/css/note_course_pages.css b/karmaworld/assets/css/note_course_pages.css
index 1ae6d2d..1d2f98e 100644
--- a/karmaworld/assets/css/note_course_pages.css
+++ b/karmaworld/assets/css/note_course_pages.css
@@ -111,6 +111,15 @@ div.header-title-row {
   cursor: pointer;
 }
 
+button.add-note-btn {
+  width: 100%;
+}
+
+.note-upload-remove-button {
+  margin-bottom: 10px;
+  cursor: pointer;
+}
+
 .keywords-hint {
   font-size: 0.8em;
 }
diff --git a/karmaworld/templates/courses/course_detail.html b/karmaworld/templates/courses/course_detail.html
index c00fec2..b7ad712 100644
--- a/karmaworld/templates/courses/course_detail.html
+++ b/karmaworld/templates/courses/course_detail.html
@@ -155,7 +155,7 @@
     {% endif %}
 
     <div id="note-search-bar" class="row">
-      <div class="large-2 columns show-for-large-up">
+      <div class="small-12 large-2 columns">
         {{ file_upload_form.fp_file }}
       </div>
       <div class="small-12 large-6 columns">
diff --git a/karmaworld/templates/partial/filepicker.html b/karmaworld/templates/partial/filepicker.html
index 72278ef..3183ac8 100644
--- a/karmaworld/templates/partial/filepicker.html
+++ b/karmaworld/templates/partial/filepicker.html
@@ -32,9 +32,9 @@
       </div>
     </div>
 
-    <div id="form-template" class="hide">
+    <div id="form-template" class="hide form-template">
       <form class="inline-form" method="POST" action="{% url 'upload_post' %}">
-        <div class="small-11 large-6 columns">
+        <div class="small-12 large-6 columns">
           <label for="id_name">Title of Note <small class="form">* Required</small></label>
           <input type="text" class="intext" id="id_name" name="name"
                 placeholder="">
@@ -44,8 +44,11 @@
           <input type="text" id="id_tags" name="tags" class="taggit-tags"
                 placeholder="shakespeare, econ, physics">
         </div>
-        <div class="show-for-small columns small-1 end">
-          <i class="fa fa-times-circle awesome-action remove"></i>
+        <div class="columns small-12 end hide-for-large-up note-upload-remove-button">
+          <i class="fa fa-times-circle fa-lg awesome-action remove"></i> Remove
+        </div>
+        <div class="columns large-1 end hide-for-medium-down note-upload-remove-button">
+          <i class="fa fa-times-circle fa-lg awesome-action remove"></i>
         </div>
         <div class="hidden-fields" style="display:none;">
           <input type="text" id="id_fpfile" name="fpfile" class="fpurl">
@@ -55,9 +58,6 @@
           {% csrf_token %}
           <input type="text" class="csrf" value='{{ csrf_token }}'>
         </div>
-        <div class="show-for-medium-up columns medium-1 large-1 end">
-          <i class="fa fa-times-circle fa-lg awesome-action remove" id="icon-remove-sign"></i>
-        </div>
       </form>
     </div>
   </div>
-- 
2.25.1