Commit 9addf187a421f178a7aec13951aafa5dac1a2815

Authored by Matheus Figueiredo
1 parent 52fd48cf

Fixing some responsive problems

src/colab/deprecated/templates/home.html
... ... @@ -19,7 +19,7 @@
19 19  
20 20 <div class="row">
21 21 <div class="col-lg-6">
22   - <h3 class="column-title">
  22 + <h3 class="column-align">
23 23 {% trans "Latest collaborations" %}
24 24 </h3>
25 25 <a class="pull-right" target="_blank"
... ... @@ -32,14 +32,14 @@
32 32 {% include "message-preview.html" %}
33 33 {% endfor %}
34 34 </ul>
35   - <a class="pull-right"
  35 + <a class="column-align"
36 36 href="{% url 'search' %}?o=modified+desc">
37 37 {% trans "View more collaborations..." %}
38 38 </a>
39 39 </div>
40 40  
41 41 <div class="col-lg-6">
42   - <h3 class="column-title">{% trans "Distribution of Collaborations" %}</h3>
  42 + <h3 class="column-align">{% trans "Distribution of Collaborations" %}</h3>
43 43 <div></div>
44 44 </div>
45 45 </div>
... ... @@ -48,7 +48,7 @@
48 48  
49 49 <div class="row">
50 50 <div class="col-lg-6">
51   - <h3 class="column-title">
  51 + <h3 class="column-align">
52 52 {% trans "Discussions Most Relevance" %}
53 53 </h3>
54 54 <a class="pull-right" target="_blank"
... ... @@ -61,14 +61,14 @@
61 61 {% include "message-preview.html" with doc=thread.latest_message %}
62 62 {% endfor %}
63 63 </ul>
64   - <a class="pull-right"
  64 + <a class="column-align"
65 65 href="{% url 'thread_list' %}?order=hottest">
66 66 {% trans "View more discussions relevance..." %}
67 67 </a>
68 68 </div>
69 69  
70 70 <div class="col-lg-6">
71   - <h3 class="column-title">
  71 + <h3 class="column-align">
72 72 {% trans "Latest Discussions" %}
73 73 </h3>
74 74 <a class="pull-right" target="_blank"
... ... @@ -81,7 +81,7 @@
81 81 {% include "message-preview.html" with doc=thread.latest_message %}
82 82 {% endfor %}
83 83 </ul>
84   - <a class="pull-right" href="{% url 'thread_list' %}">
  84 + <a class="column-align" href="{% url 'thread_list' %}">
85 85 {% trans "View more discussions..." %}
86 86 </a>
87 87 </div>
... ...
src/colab/static/css/screen.css
... ... @@ -87,9 +87,15 @@
87 87 height: 16px;
88 88 }
89 89  
90   -.column-title{
  90 +.column-align{
91 91 display: inline-block;
92 92 margin-left: 20px;
93 93 margin-top: 0;
  94 + margin-bottom: 10px;
94 95 vertical-align: middle;
95 96 }
  97 +
  98 +.container{
  99 + /* Overwritting max-width for better web responsive */
  100 + max-width: 95% !important;
  101 +}
... ...