From e70e1e3c9d0563d4b5b5ec1700b8145d305c4fc1 Mon Sep 17 00:00:00 2001
From: Daniel Jeller <djeller@nettek.at>
Date: Fri, 28 May 2021 20:16:18 +0000
Subject: [PATCH 1/2] Increase navbar link spacing

---
 src/App/components/Navbar/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/App/components/Navbar/index.tsx b/src/App/components/Navbar/index.tsx
index 7215c94..479bb46 100644
--- a/src/App/components/Navbar/index.tsx
+++ b/src/App/components/Navbar/index.tsx
@@ -106,7 +106,7 @@ export const Navbar = ({ className }: Props) => {
               </span>
             </Link>
           </div>
-          <div className="hidden sm:block sm:ml-6 space-x-2">
+          <div className="hidden sm:block sm:ml-6 space-x-3">
             <Links />
           </div>
           <div className="sm:absolute right-0">

From bf3433157b15d9320372020c4c83bf2701e57f43 Mon Sep 17 00:00:00 2001
From: Daniel Jeller <djeller@nettek.at>
Date: Fri, 28 May 2021 20:30:49 +0000
Subject: [PATCH 2/2] Center labels

---
 src/App/components/AspectsPage/index.tsx | 10 ++++++++--
 src/App/components/AuthorsPage/index.tsx |  5 ++++-
 src/App/components/EventsPage/index.tsx  | 20 ++++++++++++++++----
 src/App/components/GroupsPage/index.tsx  | 10 ++++++++--
 src/App/components/PersonsPage/index.tsx | 10 ++++++++--
 src/App/components/PlacesPage/index.tsx  | 10 ++++++++--
 src/App/components/SourcesPage/index.tsx | 10 ++++++++--
 7 files changed, 60 insertions(+), 15 deletions(-)

diff --git a/src/App/components/AspectsPage/index.tsx b/src/App/components/AspectsPage/index.tsx
index 9c5eb1c..71f8d43 100644
--- a/src/App/components/AspectsPage/index.tsx
+++ b/src/App/components/AspectsPage/index.tsx
@@ -30,7 +30,10 @@ export const AspectsPage = () => {
           activeItem={idLocal}
           filterSettings={
             <div className="grid grid-cols-1 sm:grid-cols-6 gap-4">
-              <Label className="col-span-2" htmlFor="type-input">
+              <Label
+                className="col-span-2 sm:flex sm:items-center"
+                htmlFor="type-input"
+              >
                 <FormattedMessage
                   description="Aspect type filter input label"
                   defaultMessage="Aspect type"
@@ -43,7 +46,10 @@ export const AspectsPage = () => {
                 typeBase={namespaces.core.aspect}
                 typeIri={query.type}
               />
-              <Label className="col-span-2" htmlFor="text-input">
+              <Label
+                className="col-span-2 sm:flex sm:items-center"
+                htmlFor="text-input"
+              >
                 <FormattedMessage
                   description="Aspect text filter input label"
                   defaultMessage="Text"
diff --git a/src/App/components/AuthorsPage/index.tsx b/src/App/components/AuthorsPage/index.tsx
index 604645d..81230ad 100644
--- a/src/App/components/AuthorsPage/index.tsx
+++ b/src/App/components/AuthorsPage/index.tsx
@@ -28,7 +28,10 @@ export const AuthorsPage = () => {
           activeItem={idLocal}
           filterSettings={
             <div className="grid grid-cols-1 sm:grid-cols-6 gap-4">
-              <Label className="col-span-2" htmlFor="text-input">
+              <Label
+                className="col-span-2 sm:flex sm:items-center"
+                htmlFor="text-input"
+              >
                 <FormattedMessage
                   description="Author text filter input label"
                   defaultMessage="Text"
diff --git a/src/App/components/EventsPage/index.tsx b/src/App/components/EventsPage/index.tsx
index eb0e6ed..9303fff 100644
--- a/src/App/components/EventsPage/index.tsx
+++ b/src/App/components/EventsPage/index.tsx
@@ -44,7 +44,10 @@ export const EventsPage = () => {
           activeItem={idLocal}
           filterSettings={
             <div className="grid grid-cols-1 sm:grid-cols-6 gap-4">
-              <Label className="col-span-2" htmlFor="sort-select">
+              <Label
+                className="col-span-2 sm:flex sm:items-center"
+                htmlFor="sort-select"
+              >
                 <FormattedMessage
                   description="Order by filter input label"
                   defaultMessage="Order by"
@@ -62,7 +65,10 @@ export const EventsPage = () => {
                 ]}
                 selected={query.orderBy}
               />
-              <Label className="col-span-2" htmlFor="aspect-type-input">
+              <Label
+                className="col-span-2 sm:flex sm:items-center"
+                htmlFor="aspect-type-input"
+              >
                 <FormattedMessage
                   description="Used aspect type filter input label"
                   defaultMessage="Used aspect type"
@@ -75,7 +81,10 @@ export const EventsPage = () => {
                 typeBase={namespaces.core.aspect}
                 typeIri={query.aspectType}
               />
-              <Label className="col-span-2" htmlFor="participant-type-input">
+              <Label
+                className="col-span-2 sm:flex sm:items-center"
+                htmlFor="participant-type-input"
+              >
                 <FormattedMessage
                   description="Used participant type filter input label"
                   defaultMessage="Used participant type"
@@ -90,7 +99,10 @@ export const EventsPage = () => {
                 typeBase={namespaces.core.agent}
                 typeIri={query.participantType}
               />
-              <Label className="col-span-2" htmlFor="text-input">
+              <Label
+                className="col-span-2 sm:flex sm:items-center"
+                htmlFor="text-input"
+              >
                 <FormattedMessage
                   description="Event text filter input label"
                   defaultMessage="Text"
diff --git a/src/App/components/GroupsPage/index.tsx b/src/App/components/GroupsPage/index.tsx
index 9be00ec..adc3e77 100644
--- a/src/App/components/GroupsPage/index.tsx
+++ b/src/App/components/GroupsPage/index.tsx
@@ -30,7 +30,10 @@ export const GroupsPage = () => {
           activeItem={idLocal}
           filterSettings={
             <div className="grid grid-cols-1 sm:grid-cols-6 gap-4">
-              <Label className="col-span-2" htmlFor="type-input">
+              <Label
+                className="col-span-2 sm:flex sm:items-center"
+                htmlFor="type-input"
+              >
                 <FormattedMessage
                   description="Group type filter input label"
                   defaultMessage="Group type"
@@ -43,7 +46,10 @@ export const GroupsPage = () => {
                 typeBase={namespaces.core.group}
                 typeIri={query.type}
               />
-              <Label className="col-span-2" htmlFor="text-input">
+              <Label
+                className="col-span-2 sm:flex sm:items-center"
+                htmlFor="text-input"
+              >
                 <FormattedMessage
                   description="Group text filter input label"
                   defaultMessage="Text"
diff --git a/src/App/components/PersonsPage/index.tsx b/src/App/components/PersonsPage/index.tsx
index ba2f45a..58dbcf4 100644
--- a/src/App/components/PersonsPage/index.tsx
+++ b/src/App/components/PersonsPage/index.tsx
@@ -34,7 +34,10 @@ export const PersonsPage = () => {
           activeItem={idLocal}
           filterSettings={
             <div className="grid grid-cols-1 sm:grid-cols-6 gap-4">
-              <Label className="col-span-2" htmlFor="type-input">
+              <Label
+                className="col-span-2 sm:flex sm:items-center"
+                htmlFor="type-input"
+              >
                 <FormattedMessage
                   description="Person type filter input label"
                   defaultMessage="Person type"
@@ -47,7 +50,10 @@ export const PersonsPage = () => {
                 typeBase={namespaces.core.person}
                 typeIri={query.type}
               />
-              <Label className="col-span-2" htmlFor="text-input">
+              <Label
+                className="col-span-2 sm:flex sm:items-center"
+                htmlFor="text-input"
+              >
                 <FormattedMessage
                   description="Person text filter input label"
                   defaultMessage="Text"
diff --git a/src/App/components/PlacesPage/index.tsx b/src/App/components/PlacesPage/index.tsx
index f24163d..33fc28d 100644
--- a/src/App/components/PlacesPage/index.tsx
+++ b/src/App/components/PlacesPage/index.tsx
@@ -30,7 +30,10 @@ export const PlacesPage = () => {
           activeItem={idLocal}
           filterSettings={
             <div className="grid grid-cols-1 sm:grid-cols-6 gap-4">
-              <Label className="col-span-2" htmlFor="type-input">
+              <Label
+                className="col-span-2 sm:flex sm:items-center"
+                htmlFor="type-input"
+              >
                 <FormattedMessage
                   description="Place type filter input label"
                   defaultMessage="Place type"
@@ -43,7 +46,10 @@ export const PlacesPage = () => {
                 typeBase={namespaces.core.place}
                 typeIri={query.type}
               />
-              <Label className="col-span-2" htmlFor="text-input">
+              <Label
+                className="col-span-2 sm:flex sm:items-center"
+                htmlFor="text-input"
+              >
                 <FormattedMessage
                   description="Place text filter input label"
                   defaultMessage="Text"
diff --git a/src/App/components/SourcesPage/index.tsx b/src/App/components/SourcesPage/index.tsx
index a028627..a86f8b2 100644
--- a/src/App/components/SourcesPage/index.tsx
+++ b/src/App/components/SourcesPage/index.tsx
@@ -30,7 +30,10 @@ export const SourcesPage = () => {
           activeItem={idLocal}
           filterSettings={
             <div className="grid grid-cols-1 sm:grid-cols-6 gap-4">
-              <Label className="col-span-2" htmlFor="type-input">
+              <Label
+                className="col-span-2 sm:flex sm:items-center"
+                htmlFor="type-input"
+              >
                 <FormattedMessage
                   description="Source type filter input label"
                   defaultMessage="Source type"
@@ -43,7 +46,10 @@ export const SourcesPage = () => {
                 typeBase={namespaces.core.source}
                 typeIri={query.type}
               />
-              <Label className="col-span-2" htmlFor="text-input">
+              <Label
+                className="col-span-2 sm:flex sm:items-center"
+                htmlFor="text-input"
+              >
                 <FormattedMessage
                   description="Source text filter input label"
                   defaultMessage="Text"