File upload now pretty

diff --git a/karmaworld/apps/notes/models.py b/karmaworld/apps/notes/models.py
index 1e1fff9852881d8e4e26fa06fa86cf923bc955cd..c5d99736a85b191954ec8cda97fe94ef949bb04b 100644 (file)
--- a/karmaworld/apps/notes/models.py
+++ b/karmaworld/apps/notes/models.py
@@ -109,7 +109,7 @@ class Document(models.Model):
                     'data-fp-multiple': 'true', 
                     'data-fp-folders': 'true',
                     'data-fp-button-class':
-                      'add-note-btn',
+                      'inline-button add-note-btn',
                     'data-fp-button-text': 'Add Notes',
                     'data-fp-extensions':
                       '.pdf,.doc,.docx,.txt,.html,.rtf,.odt,.png,.jpg,.jpeg,.ppt,.pptx',

diff --git a/karmaworld/assets/css/global.css b/karmaworld/assets/css/global.css
index 40931481e071a863c4c3660ffba5ac19cf4d4cb3..ee799962e3791160d6ec4d533b0fc56395a8e319 100644 (file)
--- a/karmaworld/assets/css/global.css
+++ b/karmaworld/assets/css/global.css
@@ -51,3 +51,11 @@ label.inline-label
   display: inline;
 }
 
+button.inline-button {
+  background: grey;
+  color: white;
+  border: none;
+  padding: 5px;
+  border-radius: 0.3em;
+  display: inline;
+}
\ No newline at end of file

diff --git a/karmaworld/assets/css/home.css b/karmaworld/assets/css/home.css
index 42a7550fddd393d477a69b731bca086bd1c3ab95..7a36eb20ae36ccc3feb78a037754327a7f711a2f 100644 (file)
--- a/karmaworld/assets/css/home.css
+++ b/karmaworld/assets/css/home.css
@@ -8,15 +8,6 @@
   text-align: center;
 }
 
-button.add-course {
-  background: grey;
-  color: white;
-  border: none;
-  padding: 5px;
-  border-radius: 0.3em;
-  display: inline;
-}
-
 input.search-courses {
   width: 15em;
   display: inline;

diff --git a/karmaworld/assets/css/note_course_pages.css b/karmaworld/assets/css/note_course_pages.css
index 635508a30604bde21a8f81723ad07bbd8792108a..dfd11c57eadf39d33fc922c639f03b30eb52216a 100644 (file)
--- a/karmaworld/assets/css/note_course_pages.css
+++ b/karmaworld/assets/css/note_course_pages.css
@@ -27,15 +27,6 @@ span.course-header-school
   cursor: pointer;
 }
 
-.add-note-btn {
-  background: grey;
-  color: white;
-  border: none;
-  padding: 5px;
-  border-radius: 0.3em;
-  display: inline;
-}
-
 input.search-notes {
   width: 15em;
   display: inline;
@@ -61,9 +52,9 @@ select.note-sort {
   padding: 10px 0 0 0;
 }
 
-ul.socialaccount_providers li
+ul.socialaccount_providers li,
+ul#uploaded_files li
 {
   display: inline;
 }
 
-

diff --git a/karmaworld/templates/courses/course_list.html b/karmaworld/templates/courses/course_list.html
index ea32c20fd30e3f3ec5b0034a4eca64f459f6f7d9..c0b24ccad0e573be31be5bd6f9f8fa704dc3c65a 100644 (file)
--- a/karmaworld/templates/courses/course_list.html
+++ b/karmaworld/templates/courses/course_list.html
@@ -42,7 +42,7 @@
 
   <div id="course-search-bar" class="row">
     <div class="small-12 columns">
-      <button id="add-course-btn" class="add-course">Add a Course</button>
+      <button id="add-course-btn" class="inline-button">Add a Course</button>
       <input class="search-courses" type="text" placeholder="Search Courses" />
       <div id="course-sort-wrapper">
         Sort By

diff --git a/karmaworld/templates/partial/filepicker.html b/karmaworld/templates/partial/filepicker.html
index 68b5800b66e0becc4aa5769dac41df045579ad2a..00424eb74f1d3f3b666b5d7aab5a5349ffdfd349 100644 (file)
--- a/karmaworld/templates/partial/filepicker.html
+++ b/karmaworld/templates/partial/filepicker.html
@@ -6,7 +6,7 @@
     <div class="small-12 columns">
       <div id="forms_container">
       </div>
-      <div id="success" class="">
+      <div id="success" class="hide">
         <p>Thank you for sharing:</p>
         <ul id="uploaded_files">
         </ul>
@@ -17,10 +17,11 @@
             you can build a reputation by continuing to upload great notes.
             Refresh to share more notes.</p>
           <div class="socialaccount_ballot">
+            <p>Sign up with:</p>
             <ul class="socialaccount_providers">
               {% include "socialaccount/snippets/provider_list.html" with process="login" %}
+              <li><a href="{{ signup_url }}"> or a traditional account</a></li>
             </ul>
-            <a href="{{ signup_url }}">Sign up for a traditional account</a>
           </div>
         {% else %}
           <p>It will take a minute for your notes to appear. This page will refresh soon so you
@@ -31,7 +32,7 @@
       </div>
     </div>
 
-    <div id="form-template" class="row">
+    <div id="form-template" class="hide">
       <form class="inline-form" method="POST" action="{% url 'upload_post' %}">
         <div class="small-11 large-6 columns">
           <label for="id_name">Title of Note <small class="form">* Required</small></label>
@@ -54,15 +55,15 @@
           {% csrf_token %}
           <input type="text" class="csrf" value='{{ csrf_token }}'>
         </div>
-        <div class="show-for-medium-up columns large-1 end">
-          <i class="fa fa-times-circle awesome-action remove" id="icon-remove-sign"></i>
+        <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>
   <div class="small-8 small-offset-3 columns large-2">
     <div id="save-btn" class="hide">
-      <i id="save-btn-icon" class="fa fa-save"></i> Save
+      <button class="inline-button"><i id="save-btn-icon" class="fa fa-save"></i> Save</button>
     </div>
   </div>
 

diff --git a/karmaworld/templates/socialaccount/snippets/provider_list.html b/karmaworld/templates/socialaccount/snippets/provider_list.html
index 4fd1ba865b3948a68ea354baf17d86c61c8648dd..19619830e7521b51be560d2993430d319012ab4f 100644 (file)
--- a/karmaworld/templates/socialaccount/snippets/provider_list.html
+++ b/karmaworld/templates/socialaccount/snippets/provider_list.html
@@ -7,13 +7,13 @@
   <a title="{{brand.name}}" 
      class="socialaccount_provider {{provider.id}} {{brand.id}}" 
      href="{% provider_login_url provider.id openid=brand.openid_url process=process %}"
-     ><img src="{{STATIC_URL}}img/{{brand.name|lower}}.png"></a>
+     ><button class="inline-button">{{ brand.name }}"></button></a>
 </li>
 {% endfor %}
 {% endif %}
 <li>
   <a title="{{provider.name}}" class="socialaccount_provider {{provider.id}}" 
-     href="{% provider_login_url provider.id process=process %}"><img src="{{STATIC_URL}}img/{{provider.name|lower}}.png"></a>
+     href="{% provider_login_url provider.id process=process %}"><button class="inline-button">{{ provider.name }}</button></a>
 </li>
 {% endfor %}