Note upload on mobile

diff --git a/karmaworld/assets/css/note_course_pages.css b/karmaworld/assets/css/note_course_pages.css
index 1ae6d2d5a843ae4932f4352277c05c19690c0d9b..1d2f98e22d0d106a72bb6a405b1047b93f83cf41 100644 (file)
--- 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 c00fec2ab91607213d45c644a55a2b19aafe1dd2..b7ad71244daa5d76f3504e67f5ca603139d9164a 100644 (file)
--- 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 72278ef4d4c4f717f2628e809743fe55cea9e0d1..3183ac8c8648b916474763f43e303086a5e806c5 100644 (file)
--- 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>