aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorjeroenpraat <jeroenpraat@xs4all.nl>2015-10-26 13:57:12 +0100
committerjeroenpraat <jeroenpraat@xs4all.nl>2015-10-26 13:57:12 +0100
commite858ee811b62f46ffc2f2ab655b6f1bc796ecbc0 (patch)
tree7cd1056338279d951128551c330031653adb1ef1
parenta498fc8e72bd22dd0850bf2e8e75752724df8046 (diff)
downloadvolse-hubzilla-e858ee811b62f46ffc2f2ab655b6f1bc796ecbc0.tar.gz
volse-hubzilla-e858ee811b62f46ffc2f2ab655b6f1bc796ecbc0.tar.bz2
volse-hubzilla-e858ee811b62f46ffc2f2ab655b6f1bc796ecbc0.zip
Fixed connection page. Page was overcrowded on systems with larger fonts.
-rw-r--r--view/css/mod_connections.css14
-rwxr-xr-xview/tpl/connection_template.tpl1
2 files changed, 10 insertions, 5 deletions
diff --git a/view/css/mod_connections.css b/view/css/mod_connections.css
index 097027179..d5c9b3d4f 100644
--- a/view/css/mod_connections.css
+++ b/view/css/mod_connections.css
@@ -1,4 +1,3 @@
-
.search-input {
padding: 4px 12px;
margin: 3px;
@@ -111,8 +110,8 @@
.contact-entry-wrapper {
float: left;
- width: 120px;
- height: 150px;
+ width: auto;
+ height: auto;
padding: 10px;
margin: 8px 10px 0 0;
border-top: 1px solid #eee;
@@ -137,9 +136,14 @@
margin-left: 0px;
margin-right: 10px;
margin-bottom: 10px;
- width: 120px;
- height: 36px;
+ width: 147px;
+ height: auto;
overflow: hidden;
+ white-space: nowrap;
+}
+
+.contact-entry-name-end {
+ clear:both;
}
.contact-entry-end {
diff --git a/view/tpl/connection_template.tpl b/view/tpl/connection_template.tpl
index 47f01ef5d..35e97f3e9 100755
--- a/view/tpl/connection_template.tpl
+++ b/view/tpl/connection_template.tpl
@@ -4,6 +4,7 @@
</div>
<div class="contact-entry-photo-end" ></div>
<a href="{{$contact.url}}" title="{{$contact.img_hover}}" ><div class="contact-entry-name" id="contact-entry-name-{{$contact.id}}" >{{$contact.name}}</div></a>
+ <div class="contact-entry-name-end" ></div>
<div class="contact-entry-edit btn btn-default"><a href="{{$contact.link}}"><i class="icon-pencil connection-edit-icons"></i> {{$contact.edit}}</a></div>
<div class="contact-entry-end" ></div>
</div>