Improving design

2 files changed, 52 insertions, 14 deletions

diff --git a/app/assets/stylesheets/home.scss b/app/assets/stylesheets/home.scss
index 7131aac4d..7c3dbfc31 100644
--- a/app/assets/stylesheets/home.scss
+++ b/app/assets/stylesheets/home.scss
@@ -1,3 +1,10 @@
-// Place all the styles related to the Home controller here.
-// They will automatically be included in application.css.
-// You can use Sass (SCSS) here: http://sass-lang.com/
+.footer {
+  text-align: center;
+  padding: 100px 0;
+
+  .mastodon-link {
+    color: #566270;
+    text-decoration: none;
+    font-size: 16px;
+  }
+}
diff --git a/app/assets/stylesheets/profile.scss b/app/assets/stylesheets/profile.scss
index 2e5e0a6e3..3ef488882 100644
--- a/app/assets/stylesheets/profile.scss
+++ b/app/assets/stylesheets/profile.scss
@@ -53,36 +53,56 @@ body {
 
 .activity-stream {
   clear: both;
+  box-shadow: 4px 3px 0 rgba(0, 0, 0, 0.1);
 
   .entry {
-    padding: 10px;
     border-bottom: 1px solid #E0E3DA;
     background: #FFFFF3;
+    border-left: 2px solid #A593E0;
 
-    &:first-child {
-      border-radius: 5px 5px 0 0;
+    &.entry-reblog {
+      border-left: 2px solid #566270;
     }
 
     &:last-child {
       border-bottom: 0;
-      border-radius: 0 0 5px 5px;
     }
   }
 
   .header {
     margin-bottom: 10px;
+    padding: 10px;
+    padding-bottom: 0;
+    padding-left: 8px;
+
+    .name {
+      text-decoration: none;
+      color: #566270;
+
+      strong {
+        color: #000;
+      }
+
+      &:hover {
+        strong {
+          text-decoration: underline;
+        }
+      }
+    }
   }
 
-  .name {
-    text-decoration: none;
+  .pre-header {
+    border-bottom: 1px solid #E0E3DA;
     color: #566270;
+    padding: 5px 10px;
+    padding-left: 8px;
 
-    strong {
-      color: #000;
-    }
+    .name {
+      color: #566270;
+      font-weight: bold;
+      text-decoration: none;
 
-    &:hover {
-      strong {
+      &:hover {
         text-decoration: underline;
       }
     }
@@ -90,6 +110,8 @@ body {
 
   .content {
     font-size: 16px;
+    padding: 0 10px;
+    padding-left: 8px;
   }
 
   .time {
@@ -105,10 +127,19 @@ body {
     margin-top: 15px;
     color: #566270;
     cursor: default;
+    padding: 10px;
+    padding-top: 0;
+    padding-left: 8px;
 
     .counter {
       display: inline-block;
       margin-right: 10px;
     }
+
+    .conversation-link {
+      color: #A593E0;
+      text-decoration: underline;
+      float: right;
+    }
   }
 }