diff --git a/static/common.css b/static/common.css index aa64a9b..890dbc4 100644 --- a/static/common.css +++ b/static/common.css @@ -52,7 +52,7 @@ li .remove_tag_button, .remove_tag_button_perm { - position: absolute; + /*position: absolute;*/ top: 3px; width: 18px; height: 14px; @@ -202,10 +202,11 @@ li align-items: center; flex: 2; } -.message_positive, .message_negative +.message_bubble { width: 80%; margin: 4px; + word-wrap: break-word; } .message_positive { diff --git a/static/common.js b/static/common.js index 4018fe1..15eb815 100644 --- a/static/common.js +++ b/static/common.js @@ -5,7 +5,7 @@ function create_message_bubble(message_area, message_positivity, message_text, l lifespan = 8000; } var message = document.createElement("div"); - message.className = message_positivity; + message.className = "message_bubble " + message_positivity; var span = document.createElement("span"); span.innerHTML = message_text; message.appendChild(span); diff --git a/templates/photo.html b/templates/photo.html index 90bef36..33dc76b 100644 --- a/templates/photo.html +++ b/templates/photo.html @@ -62,6 +62,7 @@ #editor_area { flex: 3; + word-wrap: break-word; } #message_area { @@ -126,8 +127,11 @@ {% set tags = photo.sorted_tags() %} {% for tag in tags %}
  • - {{tag.qualified_name()}} - + {{tag.qualified_name()}}
  • {% endfor %}
  • diff --git a/templates/search.html b/templates/search.html index a16f3f7..beedcec 100644 --- a/templates/search.html +++ b/templates/search.html @@ -43,6 +43,7 @@ form min-width: 300px; padding: 8px; flex: 1; + word-wrap: break-word; } #right {