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