fileinput

src/components/Qr.tsx

@@ -1,13 +1,13 @@
-import React, { ChangeEvent, MouseEventHandler, useState } from 'react'
+import React, { MouseEventHandler, useState } from 'react'
 import { Link } from 'react-router-dom';
 import { DogT } from '../context/UserContext';
 import {getDog, updateQR} from '../services/PhpApi';
-//import Checkbox from './Checkbox';
 import Img from './Img';
 import './Qr.css';
+import './InputForm.css';
 import useSWR from 'swr';
-import { MantineProvider, NumberInput, Stack, Checkbox } from '@mantine/core';
-import { NotificationsProvider, showNotification } from '@mantine/notifications';
+import { NumberInput, Stack, Checkbox, MantineProvider } from '@mantine/core';
+import { showNotification } from '@mantine/notifications';
 import {DndList, DndListProps, TDataItem} from './DndList';
 
 
@@ -338,11 +338,15 @@ export default function Qr()
                     <div>Reihenfolge</div>
                     <div className='beschreibung'>Ändern durch Drag'n Drop</div>
                     <div className="list-container">
-                        <DndList dragEndHandler={callBackDragEnd} dataprops={dndList.current} />
+                            <DndList 
+                                dragEndHandler={callBackDragEnd} 
+                                dataprops={dndList.current} 
+                                
+                                />
                     </div>
                 </div>
             </div>
-            <div className='column'>
+            <div className='column InputForm'>
                 <button id="saveButton" className='saveButton' onClick={saveHandler} >Werte sichern</button>
                 <button id="printButton" className='printButton' onClick={printHandler} >QR-Code drucken</button>
             </div>