Improving account grid cards layout for longer usernames and notes

diff --git a/app/assets/stylesheets/accounts.scss b/app/assets/stylesheets/accounts.scss
index 303360b1adec53034c6c3abf9677ea52e7a0dd60..ab39c8be02862bffae512210e01dce6b120f34f3 100644 (file)
--- a/app/assets/stylesheets/accounts.scss
+++ b/app/assets/stylesheets/accounts.scss
@@ -227,9 +227,12 @@
     }
 
     .name {
+      width: 333-20-60-15px;
+      float: left;
       padding-top: 10px;
 
       a {
+        display: block;
         color: #282c37;
         text-decoration: none;
 

diff --git a/app/views/accounts/_grid_card.html.haml b/app/views/accounts/_grid_card.html.haml
index 6245e910d78874e99aecec6e4add223478c084a5..454272d8cf7b0e9ea2a27c3312185d02bcd3deca 100644 (file)
--- a/app/views/accounts/_grid_card.html.haml
+++ b/app/views/accounts/_grid_card.html.haml
@@ -5,4 +5,4 @@
       = link_to url_for_target(account) do
         %span.display_name= display_name(account)
         %span.username= "@#{account.acct}"
-  %p.note= account.note
+  %p.note= truncate(account.note, length: 124)