From 461ed1af3776bfb3e5078351d9e25bdf7bbb07d8 Mon Sep 17 00:00:00 2001
From: Ahmed-Ayman <ahmedayman055g@gmail.com>
Date: Fri, 7 Dec 2018 14:01:26 +0200
Subject: [PATCH] style the counter

---
 src/components/Header.js  | 6 +++++-
 src/stylesheets/style.css | 8 ++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/Header.js b/src/components/Header.js
index 435f8c4..61ca1fb 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -16,7 +16,11 @@ class Header extends React.Component {
     }
     const Counter = () => {
       return (
-        <h2 className="counter">٩٦٧ ساعة وبيزيدوا</h2>
+        <div className="counter-container">
+          <span >967</span>
+          <br/>
+          <span> ساعة وبيزيدوا</span>
+        </div>
       );
     }
     return (
diff --git a/src/stylesheets/style.css b/src/stylesheets/style.css
index 6a74572..71854a8 100644
--- a/src/stylesheets/style.css
+++ b/src/stylesheets/style.css
@@ -61,13 +61,17 @@ header {
     text-align: center;
 }
 
-.counter {
+.counter-container {
     position: absolute;
+    display: inline-block;
     right: 0;
     top: 0;
     padding: 2em;
 }
-
+.counter{
+    position: relative;
+    right: 0;
+}
 /* search */
 .search-button {
     background: white;