From bc004b3b5ba96f258d8339a0585b9282b9655e51 Mon Sep 17 00:00:00 2001
From: Bogdan <mynameisbogdan@users.noreply.github.com>
Date: Tue, 11 Jul 2023 03:32:53 +0300
Subject: [PATCH] Improve look of no history message

---
 frontend/src/Movie/History/MovieHistoryTable.css | 10 ++++++++++
 frontend/src/Movie/History/MovieHistoryTable.js  |  9 ++++++---
 2 files changed, 16 insertions(+), 3 deletions(-)
 create mode 100644 frontend/src/Movie/History/MovieHistoryTable.css

diff --git a/frontend/src/Movie/History/MovieHistoryTable.css b/frontend/src/Movie/History/MovieHistoryTable.css
new file mode 100644
index 000000000..e01af32bf
--- /dev/null
+++ b/frontend/src/Movie/History/MovieHistoryTable.css
@@ -0,0 +1,10 @@
+.container {
+  margin-top: 20px;
+  border: 1px solid var(--borderColor);
+  border-radius: 4px;
+  background-color: var(--inputBackgroundColor);
+
+  &:last-of-type {
+    margin-bottom: 0;
+  }
+}
diff --git a/frontend/src/Movie/History/MovieHistoryTable.js b/frontend/src/Movie/History/MovieHistoryTable.js
index f5cfd2404..e07bfa561 100644
--- a/frontend/src/Movie/History/MovieHistoryTable.js
+++ b/frontend/src/Movie/History/MovieHistoryTable.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import MovieHistoryTableContentConnector from './MovieHistoryTableContentConnector';
+import styles from './MovieHistoryTable.css';
 
 function MovieHistoryTable(props) {
   const {
@@ -7,9 +8,11 @@ function MovieHistoryTable(props) {
   } = props;
 
   return (
-    <MovieHistoryTableContentConnector
-      {...otherProps}
-    />
+    <div className={styles.container}>
+      <MovieHistoryTableContentConnector
+        {...otherProps}
+      />
+    </div>
   );
 }