From a4658286cfab0e3b508968a8b300cbcdcdfbca52 Mon Sep 17 00:00:00 2001
From: Peter Hoppe <p.hoppe@gmx.de>
Date: Wed, 21 Dec 2022 02:06:12 +0100
Subject: [PATCH] branch wieder master; layout orange

---
 php/php-dog/register.php      |  2 +-
 src/App.css                   | 36 ++---------------------------------
 src/App.tsx                   |  1 -
 src/components/Dog.css        | 14 ++++++++++++++
 src/components/Dog.tsx        |  3 ++-
 src/components/DogNameTxt.tsx |  6 +++---
 6 files changed, 22 insertions(+), 40 deletions(-)
 create mode 100644 src/components/Dog.css

diff --git a/php/php-dog/register.php b/php/php-dog/register.php
index eb0e9ec..2f69b4a 100644
--- a/php/php-dog/register.php
+++ b/php/php-dog/register.php
@@ -18,7 +18,7 @@ $returnData = new CMsg(0);
 
 if ($_SERVER["REQUEST_METHOD"] != "POST") 
 {
-    $returnData = new CMsg(0, 404, 'Page Not Found!');
+    $returnData = new CMsg(0, 404, 'Page Not Found! REQUEST_METHOD');
     echo $returnData->jsonarray();
     return;
 }
diff --git a/src/App.css b/src/App.css
index 74b5e05..f327146 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,38 +1,6 @@
 .App {
   text-align: center;
+  background-color: rgb(243, 97, 12);
+
 }
 
-.App-logo {
-  height: 40vmin;
-  pointer-events: none;
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  .App-logo {
-    animation: App-logo-spin infinite 20s linear;
-  }
-}
-
-.App-header {
-  background-color: #282c34;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
-  color: white;
-}
-
-.App-link {
-  color: #61dafb;
-}
-
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
diff --git a/src/App.tsx b/src/App.tsx
index 61a8d69..6b51e7b 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -2,7 +2,6 @@ import React from 'react';
 import {useContext} from 'react'
 import './App.css';
 import { BrowserRouter, Routes, Route, Navigate} from 'react-router-dom';
-import "./App.css";
 import Login from './components/Login';
 import Register from './components/Register';
 import Home from './components/Home';
diff --git a/src/components/Dog.css b/src/components/Dog.css
new file mode 100644
index 0000000..1ad8c37
--- /dev/null
+++ b/src/components/Dog.css
@@ -0,0 +1,14 @@
+.Dog  
+.Content
+{
+    font-weight: bold;
+    margin: 5px;
+}
+
+.neben
+{
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+}
\ No newline at end of file
diff --git a/src/components/Dog.tsx b/src/components/Dog.tsx
index 4585cdd..bf81727 100644
--- a/src/components/Dog.tsx
+++ b/src/components/Dog.tsx
@@ -3,6 +3,7 @@ import React, { useContext, useState } from 'react'
 import { useParams } from "react-router-dom";
 import Img from './Img';
 import DogNameTxt from './DogNameTxt';
+import './Dog.css';
 
 const Dog = () => 
 {
@@ -32,7 +33,7 @@ const Dog = () =>
   }
 
   return (
-    <div>
+    <div className = 'Dog'>
       <h1>Hast Du mich gefunden?</h1>
       {/* <p>name: {name}</p>
       <p>email: {email}</p>
diff --git a/src/components/DogNameTxt.tsx b/src/components/DogNameTxt.tsx
index b50fdd2..e4ca154 100644
--- a/src/components/DogNameTxt.tsx
+++ b/src/components/DogNameTxt.tsx
@@ -5,9 +5,9 @@ export default function DogNameTxt(
     {name: string, email: string, phone: string}) {
   return (
     <div>
-      <p>Hallo ich bin die <p>{name}!</p></p>
-      <p>bitte schreib eine Mail an <p>{email}</p>  
-      oder ruf <p>{phone} an,</p>damit ich schnell wieder Heim komme.</p>
+      <p>Hallo ich bin <p className='Content'>{name}!</p></p>
+      <p>bitte schreib eine Mail an <p className='Content'>{email}</p>  
+      oder ruf <div className='neben'><div className='Content'>{phone}</div> an,</div> damit ich schnell wieder Heim komme.</p>
     </div>
   )
 }