From 524107ea786adc4c0d35d0748b383bf2f0acb657 Mon Sep 17 00:00:00 2001
From: Jayaram Pai
Date: Sun, 20 Apr 2014 17:32:27 +0530
Subject: made basic responsiveness, minor css, glyph changes

---
 static/website/css/main.css                |  5 +++++
 static/website/templates/get-question.html | 16 ++++++++--------
 static/website/templates/index.html        | 16 ++++++++--------
 static/website/templates/questions.html    |  2 +-
 4 files changed, 22 insertions(+), 17 deletions(-)

(limited to 'static')

diff --git a/static/website/css/main.css b/static/website/css/main.css
index 54fbd3f..ae785bc 100644
--- a/static/website/css/main.css
+++ b/static/website/css/main.css
@@ -36,6 +36,11 @@ hr {
 #filter-form {
     margin-bottom: 0;
 }
+.table .glyphicon {
+    margin-top: 2px;
+    font-size: .8em;
+    float: right;
+}
 /* override nicEditor */
 #questionInstance {
     background: #ffffff !important;
diff --git a/static/website/templates/get-question.html b/static/website/templates/get-question.html
index b746f00..524f6a4 100644
--- a/static/website/templates/get-question.html
+++ b/static/website/templates/get-question.html
@@ -9,7 +9,7 @@
 <span class="saved hideme">saved</span>
 
 <div class="row">
-    <div class="col-lg-12 question-wrapper">
+    <div class="question-wrapper col-lg-12 col-md-12 col-sm-12 col-xs-12">
     <div class="question {% if user|can_edit:question %}editable{% endif %}">
         <div class="title {% if user|can_edit:question %}title-editable{% endif %}">
            {{ question.title }}
@@ -96,7 +96,7 @@
 
 {% for answer in answers %}
 <div class="row">
-    <div class="col-lg-12 answer-wrapper">
+    <div class="answer-wrapper col-lg-12 col-md-12 col-sm-12 col-xs-12">
         <div class="answer {% if user|can_edit:answer  %}editable{% endif %}" id="answer{{answer.id}}">
             
             <div class="body" id="body{{ answer.id }}">
@@ -123,7 +123,7 @@
         </div> <!-- /.answer -->
         
         <div class="row">
-            <div class="comments col-lg-11 pull-right">
+            <div class="comments pull-right col-lg-11 col-md-11 col-sm-11 col-xs-11">
                 <!-- displaying comments -->
                 {% for comment in answer.answercomment_set.all %}
                 <div class="comment" id="comment{{ comment.id }}">
@@ -186,7 +186,7 @@
     <form action="{% url 'website:question_answer' %}" method="POST"> {% csrf_token %}
         {% with WIDGET_ERROR_CLASS='field_error' %}
             <div class="row"> 
-                <div class="col-lg-12">
+                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                     <div class="form-group">
                         {% render_field form.question value=question.id %}
                         <label for="id_body">Answer</label>
@@ -225,7 +225,7 @@
             
             <h5>Move the question to:</h5>
             <div class="row">
-                <div class="col-lg-4 col-md-4 col-sm-4">
+                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                     <select id="id_category" class="form-control">
                         <option value="Advanced-C++">Advanced-C++</option>
                         <option value="BASH">BASH</option>
@@ -277,17 +277,17 @@
                         <option value="General">General FOSS</option>
                     </select>
                 </div>
-                <div class="col-lg-4 col-md-4 col-sm-4">
+                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                     <select id="id_tutorial" class="form-control" disabled>
                         <option value="None">Select a Tutorial</option>
                     </select>
                 </div>
-                <div class="col-lg-2 col-md-2 col-sm-2">
+                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                     <select id="id_minute_range" class="form-control" disabled>
                         <option value="None">min</option>
                     </select>
                 </div>
-                <div class="col-lg-2 col-md-2 col-sm-2">
+                <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                     <select id="id_second_range" class="form-control" disabled>
                         <option value="None">sec</option>
                     </select>
diff --git a/static/website/templates/index.html b/static/website/templates/index.html
index 39afa9f..b90d3eb 100644
--- a/static/website/templates/index.html
+++ b/static/website/templates/index.html
@@ -5,7 +5,7 @@
 {% block content %}
     <div id="carousel-container">
         <div class="row">
-            <div class="col-lg-12">
+            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                 <div class="carousel">
                     {% for category in categories %}
                     <div class="item">
@@ -25,10 +25,10 @@
     <div id="filter-container">
         <div class="row">
             <form class ="" id="filter-form" action="" role="form">
-                <div class="col-lg-6">
+                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                     <h3>Filter questions . . .</h3>
                     <div class="row">
-                        <div class="form-group col-lg-10">
+                        <div class="form-group col-lg-10 col-md-10 col-sm-10 col-xs-10">
                             <select id="filter-select" class="form-control">
                                 <option value="-1">Select a FOSS category</option>
                                 {% for category in categories %}
@@ -36,19 +36,19 @@
                                 {% endfor %}
                             </select>
                         </div> <!-- /.form-group, .col -->
-                        <div class="form-group col-lg-2">
+                        <div class="form-group col-lg-2 col-md-2 col-sm-2 col-xs-2">
                             <input class="btn btn-primary btn-block" type="submit" value="Go">
                         </div> <!-- /.form-group, .col -->
                     </div>
                 </div> <!-- /.col -->
             </form>
-            <div class="col-lg-6">
+            <div class="col-lg-6 col-md-6 col-sm-6">
                 <div class="row">
-                    <div class="col-lg-6">
+                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                         <h3 align="center"><strong>{% total_question_count %}</strong></h3>
                         <h3 align="center">Questions</h3>
                     </div>
-                    <div class="col-lg-6">
+                    <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6">
                         <h3 align="center"><strong>{% total_answer_count %}</strong></h3>
                         <h3 align="center">Answers</h3>
                     </div>
@@ -73,7 +73,7 @@
                 <th> Tutorial</th>
                 <th> Min </th>
                 <th> Sec </th>
-                <th> Question</th>
+                <th> Question <span class="glyphicon glyphicon-link"></span></th>
                 <th> Date</th>
                 <th> Views</th>
                 <th> Answers</th>
diff --git a/static/website/templates/questions.html b/static/website/templates/questions.html
index c6c77e3..88c3dd3 100644
--- a/static/website/templates/questions.html
+++ b/static/website/templates/questions.html
@@ -13,7 +13,7 @@
         <th> Tutorial</th>
         <th> Min </th>
         <th> Sec </th>
-        <th> Question</th>
+        <th> Question <span class="glyphicon glyphicon-link"></span></th>
         <th> Date</th>
         <th> Views</th>
         <th> Answers</th>
-- 
cgit