From d5c715e16e027f327208f686110b5a3febf6ed6c Mon Sep 17 00:00:00 2001
From: "MD. Ariful Alam" <swazan.arif@gmail.com>
Date: Wed, 15 Sep 2021 18:47:32 +0600
Subject: [PATCH] Add section title and change padding

---
 src/components/Education.js    | 2 +-
 src/components/Experience.js   | 2 +-
 src/components/Skill.js        | 7 +++++++
 src/components/ThemeChanger.js | 2 +-
 4 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/Education.js b/src/components/Education.js
index 548b256..b7f4763 100644
--- a/src/components/Education.js
+++ b/src/components/Education.js
@@ -42,7 +42,7 @@ const Education = () => {
                         <div className="card-body">
                             <ul className="menu row-span-3 bg-base-100 text-base-content">
                                 <li>
-                                    <div className="pb-0-important mx-5">
+                                    <div className="pb-0-important mx-3">
                                         <h5 className="card-title">
                                             {
                                                 loading ? skeleton({width: 'w-32', height: 'h-8'}) : (
diff --git a/src/components/Experience.js b/src/components/Experience.js
index af466aa..4830a20 100644
--- a/src/components/Experience.js
+++ b/src/components/Experience.js
@@ -42,7 +42,7 @@ const Experience = () => {
                         <div className="card-body">
                             <ul className="menu row-span-3 bg-base-100 text-base-content">
                                 <li>
-                                    <div className="pb-0-important mx-5">
+                                    <div className="pb-0-important mx-3">
                                         <h5 className="card-title">
                                             {loading ? skeleton({width: 'w-32', height: 'h-8'}) : (
                                                 <span className="opacity-70">Experience</span>
diff --git a/src/components/Skill.js b/src/components/Skill.js
index ac15ab9..41de46f 100644
--- a/src/components/Skill.js
+++ b/src/components/Skill.js
@@ -24,6 +24,13 @@ const Skill = () => {
                 (typeof config.skills !== 'undefined' && config.skills.length !== 0) && (
                     <div className="card shadow-lg compact bg-base-100">
                         <div className="card-body">
+                            <div className="mx-3">
+                                <h5 className="card-title">
+                                    {loading ? skeleton({width: 'w-32', height: 'h-8'}) : (
+                                        <span className="opacity-70">Tech Stack</span>
+                                    )}
+                                </h5>
+                            </div>
                             <div className="p-3 flow-root">
                                 <div className="-m-1 flex flex-wrap">
                                     {
diff --git a/src/components/ThemeChanger.js b/src/components/ThemeChanger.js
index fa374bd..125e1fb 100644
--- a/src/components/ThemeChanger.js
+++ b/src/components/ThemeChanger.js
@@ -16,7 +16,7 @@ const ThemeChanger = () => {
 
     return (
         <div className="card overflow-visible shadow-lg compact bg-base-100">
-            <div className="flex-row items-center space-x-4 flex pl-8 pr-2 py-4">
+            <div className="flex-row items-center space-x-4 flex pl-6 pr-2 py-4">
                 <div className="flex-1">
                     <h5 className="card-title">
                         {