From aca7e908c42e1e605bc65696463bc59d77f11d4c Mon Sep 17 00:00:00 2001
From: saber-nyan <saber-nyan@ya.ru>
Date: Mon, 13 May 2019 22:07:37 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=BE=D0=BF=D1=80=D0=B0=D0=B2=D0=B8?=
 =?UTF-8?q?=D0=BB=20=D1=80=D0=B0=D0=B7=D0=BC=D0=B5=D1=82=D0=BA=D1=83,=20?=
 =?UTF-8?q?=D0=BC=D0=B5=D0=BD=D0=B5=D0=B5=20=D0=B0=D0=B3=D1=80=D0=B5=D1=81?=
 =?UTF-8?q?=D1=81=D0=B8=D0=B2=D0=BD=D1=8B=D0=B5=20=D1=86=D0=B2=D0=B5=D1=82?=
 =?UTF-8?q?=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Content.vue |  2 +-
 src/components/Packet.vue  | 10 ++++++----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/Content.vue b/src/components/Content.vue
index 7f6e219..e7c9a70 100644
--- a/src/components/Content.vue
+++ b/src/components/Content.vue
@@ -1,7 +1,7 @@
 <template>
 	<main class="col-md-9 ml-sm-auto col-lg-10 px-4">
 		<p>
-			<span style="background: #e1f5fe; box-shadow: 0 0 5px 5px #e1f5fe;">Outgoing</span>, <span style="background: #fbe9e7; box-shadow: 0 0 5px 5px #fbe9e7;">incoming</span>.
+			<span style="background: rgba(224, 246, 255, 0.4); box-shadow: 0 0 5px 5px rgba(224, 246, 255, 0.4);">Outgoing</span>, <span style="background: rgba(251, 233, 231, 0.4); box-shadow: 0 0 5px 5px rgba(251, 233, 231, 0.4);">incoming</span>.
 		</p>
 			<Packet v-for="packet in packets"
 					:key="packet.id"
diff --git a/src/components/Packet.vue b/src/components/Packet.vue
index b1ce249..10e4f60 100644
--- a/src/components/Packet.vue
+++ b/src/components/Packet.vue
@@ -1,7 +1,7 @@
 <template>
 	<div class="packet" :class="{'packet-incoming': isIncoming}">
 		<div>#{{id}} at {{new Date(timestamp).toLocaleDateString('ru-RU', {month: '2-digit', day: '2-digit', hour:'2-digit', minute: '2-digit', second: '2-digit'})}}</div>
-		<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
+		<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-2 pb-2 mb-3 border-bottom">
 			<pre>{{ hexdata }}</pre>
 		</div>
 	</div>
@@ -48,13 +48,15 @@ export default {
 		font-family: "Ubuntu Mono", "Lucida Console", monospace;
 		font-size: 100%;
 		color: black;
+		margin-bottom: 10px;
+		padding-bottom: 5px;
 	}
 	.packet {
-		background: #e1f5fe;
+		background: rgba(224, 246, 255, 0.4);
 		box-shadow: 0 0 5px 5px #e1f5fe;
 	}
 	.packet-incoming {
-		background: #fbe9e7;
-		box-shadow: 0 0 5px 5px #fbe9e7;
+		background: rgba(251, 233, 231, 0.4);
+		box-shadow: 0 0 5px 5px rgba(251, 233, 231, 0.4);
 	}
 </style>