From 77b79301cf0829e1d8617f8fb8cfde0e35c83067 Mon Sep 17 00:00:00 2001
From: SondreB <sondre@outlook.com>
Date: Mon, 16 Jan 2023 11:37:34 +0100
Subject: [PATCH] Improve styling somewhat for above event

---
 src/app/note/note.html | 2 +-
 src/styles.scss        | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/app/note/note.html b/src/app/note/note.html
index 901a252..ae4da60 100644
--- a/src/app/note/note.html
+++ b/src/app/note/note.html
@@ -40,7 +40,7 @@
     </div>
   </ng-template> -->
 
-  <div class="events clickable" (click)="navigation.openEvent($event, event)" *ngIf="thread.above$ | async as event">
+  <div class="events above-event clickable" (click)="navigation.openEvent($event, event)"  *ngIf="thread.above$ | async as event">
     <div class="events-header">
       <app-event-header [pubkey]="event.pubkey"><span class="event-date" [matTooltip]="event.created_at.toString()">{{ event.created_at | ago }}</span> <app-directory-icon [pubkey]="event.pubkey"></app-directory-icon></app-event-header>
       <app-event-actions [event]="event" [pubkey]="event.pubkey"></app-event-actions>
diff --git a/src/styles.scss b/src/styles.scss
index 0e637a9..c9fa937 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -312,6 +312,11 @@ mat-sidenav-content mat-toolbar {
   // background-color: #a30770 !important;
 }
 
+.above-event {
+  // background-color: #303030 !important;
+  background-color: rgba(89, 91, 92, 0.6431372549);
+}
+
 .current-event {
   display: flex;
   flex-direction: column;