frishi/threetwo
1
0
Fork 0
Code Issues 9 Pull Requests 6 Actions Packages Projects Releases 2 Wiki Activity

🔧 Tweaking layout of the CV manual search form

Browse Source
This commit is contained in:
Rishi Ghan
2022-11-17 14:06:26 -08:00
parent af5f443cbe
commit 4556778a47
1 changed files with 18 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/client/components/ComicVineSearchForm.tsx
View File

@@ -42,6 +42,7 @@ export const ComicVineSearchForm = (data) => {
</span> </span>
<div className="field is-horizontal"> <div className="field is-horizontal">
<div className="field-body"> <div className="field-body">
<div className="field">
<Field name="issueName"> <Field name="issueName">
{(props) => ( {(props) => (
<p className="control is-expanded has-icons-left"> <p className="control is-expanded has-icons-left">
@@ -58,6 +59,7 @@ export const ComicVineSearchForm = (data) => {
</Field> </Field>
</div> </div>
</div> </div>
</div>
<div className="field is-horizontal"> <div className="field is-horizontal">
<div className="field-body"> <div className="field-body">
@@ -103,10 +105,10 @@ export const ComicVineSearchForm = (data) => {
<div className="control"> <div className="control">
<button <button
type="submit" type="submit"
className="button is-info is-light is-outlined is-small" className="button is-success is-light is-outlined is-small"
> >
<span className="icon"> <span className="icon">
<i className="fas fa-hand-sparkles"></i> <i className="fas fa-search"></i>
</span> </span>
<span>Search</span> <span>Search</span>
</button> </button>