Attachment #141680 for bug #30952

View | Details | Raw Unified | Return to bug 30952
Collapse All | Expand All




        border: 0;
        background-color: transparent;
        display: none;
        flex-grow: 1;

        &:first-of-type {
            display: block;

    > ul {
        padding: 0 .8em 0 0;
        margin: 0;
        order: -1;
        border-radius: 0 16px 16px 0;
        display: flex;
        justify-content: space-around;

        position: relative;
    }

    .form-title {
        padding: 0 16px 0 0;
        background-color: #418940;
        border-radius: 0 16px 16px 0;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        z-index: 2;
        white-space: nowrap;
        flex-basis: 15%;

        label {
            color: white;
            font-weight: bold;
            margin: 0;
        }
    }

    .form-content {
        background-color: white;
        margin-left: -16px;

        white-space: nowrap;
        z-index: 1;
        display: flex;
        flex-grow: 1;

        input[type="text"],
            border: 0;
            box-shadow: unset;
            background-color: transparent;
        }

        select {
            margin: 0;
            background-color: transparent;
            border: 0;
            border-radius: 0;
            box-shadow: unset;
            margin: 0;

            &:not(:first-child) {
                border-left: 1px solid #e0e0e0;
            }
        }
    }

    .form-extra-content {
        left: 284px;
        right: 60px;
        position: absolute;
        top: 31px;

        padding: 1em;
        border-radius: 0 0 8px 8px;
        border: 1px solid #418940;
        border-top: 1px solid #e0e0e0;
        box-shadow: 0 2px 2px 1px #00000030;
        z-index: 1;
        display: none;

Lines 3-8 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/acquisitions-search.inc (-1 / +9 lines)
3	<div id="header_search">	3	<div id="header_search">
4	<div id="supplier_search" class="residentsearch">	4	<div id="supplier_search" class="residentsearch">
5	<form name="findsupplier" action="/cgi-bin/koha/acqui/booksellers.pl" method="post">	5	<form name="findsupplier" action="/cgi-bin/koha/acqui/booksellers.pl" method="post">
		6	<span class="form-title">
		7	<label class="control-label">Vendor search</label>
		8	</span>
		9
6	<span class="form-content">	10	<span class="form-content">
7	<input type="text" name="supplier" id="supplier" class="head-searchbox form-control" placeholder="Search vendors" />	11	<input type="text" name="supplier" id="supplier" class="head-searchbox form-control" placeholder="Search vendors" />
8	</span>	12	</span>
Lines 12-17 Link Here
12		16
13	<div id="orders_search" class="residentsearch">	17	<div id="orders_search" class="residentsearch">
14	<form action="/cgi-bin/koha/acqui/histsearch.pl" method="post">	18	<form action="/cgi-bin/koha/acqui/histsearch.pl" method="post">
		19	<span class="form-title">
		20	<label class="control-label">Orders search</label>
		21	</span>
		22
15	<span class="form-content">	23	<span class="form-content">
16	<input type="text" id="title" class="form-control" placeholder="Title" name="title" size="13" value="[% title \| html %]" />	24	<input type="text" id="title" class="form-control" placeholder="Title" name="title" size="13" value="[% title \| html %]" />
17	<input type="text" id="searchsupplier" class="form-control" placeholder="Vendor" name="name" size="13" value="[% name \| html %]" />	25	<input type="text" id="searchsupplier" class="form-control" placeholder="Vendor" name="name" size="13" value="[% name \| html %]" />
Lines 26-32 Link Here
26	<input type="text" class="form-control" placeholder="Basket" name="basket" id="basket" />	34	<input type="text" class="form-control" placeholder="Basket" name="basket" id="basket" />
27	</div>	35	</div>
28	<div>	36	<div>
29	<label for="booksellerinvoicenumber" class="control-label">Basket</label>	37	<label for="booksellerinvoicenumber" class="control-label">Invoice number</label>
30	<input type="text" class="form-control" placeholder="Invoice number" name="booksellerinvoicenumber" id="booksellerinvoicenumber" />	38	<input type="text" class="form-control" placeholder="Invoice number" name="booksellerinvoicenumber" id="booksellerinvoicenumber" />
31	</div>	39	</div>
32	</div>	40	</div>

Lines 74-79 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/authorities-search.inc (+16 lines)
74	<input type="hidden" name="and_or" value="and" />	74	<input type="hidden" name="and_or" value="and" />
75	<input type="hidden" name="excluding" value="" />	75	<input type="hidden" name="excluding" value="" />
76		76
		77	<span class="form-title">
		78	<label class="control-label">Search main heading ($a only)</label>
		79	</span>
		80
77	<span class="form-content">	81	<span class="form-content">
78	[% INCLUDE authtype %]	82	[% INCLUDE authtype %]
79	<input id="value_mainentry" class="form-control head-searchbox" type="text" name="value" value="[% value \| html %]" placeholder="Search main heading ($a only)" />	83	<input id="value_mainentry" class="form-control head-searchbox" type="text" name="value" value="[% value \| html %]" placeholder="Search main heading ($a only)" />
Lines 97-102 Link Here
97	<input type="hidden" name="op" value="do_search" />	101	<input type="hidden" name="op" value="do_search" />
98	<input type="hidden" name="type" value="intranet" />	102	<input type="hidden" name="type" value="intranet" />
99		103
		104	<span class="form-title">
		105	<label class="control-label">Search main heading</label>
		106	</span>
		107
100	<span class="form-content">	108	<span class="form-content">
101	[% INCLUDE authtype %]	109	[% INCLUDE authtype %]
102	<input id="value_mainheading" class="form-control head-searchbox" type="text" name="value" value="[% value \| html %]" placeholder="Search main heading" />	110	<input id="value_mainheading" class="form-control head-searchbox" type="text" name="value" value="[% value \| html %]" placeholder="Search main heading" />
Lines 118-123 Link Here
118	<input type="hidden" name="type" value="intranet" />	126	<input type="hidden" name="type" value="intranet" />
119	<input type="hidden" name="marclist" value="match" />	127	<input type="hidden" name="marclist" value="match" />
120		128
		129	<span class="form-title">
		130	<label class="control-label">Search all headings</label>
		131	</span>
		132
121	<span class="form-content">	133	<span class="form-content">
122	[% INCLUDE authtype %]	134	[% INCLUDE authtype %]
123	<input id="value_matchheading" class="form-control head-searchbox" type="text" name="value" value="[% value \| html %]" placeholder="Search any heading" />	135	<input id="value_matchheading" class="form-control head-searchbox" type="text" name="value" value="[% value \| html %]" placeholder="Search any heading" />
Lines 141-146 Link Here
141	<input type="hidden" name="and_or" value="and" />	153	<input type="hidden" name="and_or" value="and" />
142	<input type="hidden" name="excluding" value="" />	154	<input type="hidden" name="excluding" value="" />
143		155
		156	<span class="form-title">
		157	<label class="control-label">Search entire record</label>
		158	</span>
		159
144	<span class="form-content">	160	<span class="form-content">
145	[% INCLUDE authtype %]	161	[% INCLUDE authtype %]
146	<input id="value_anywhere" class="form-control head-searchbox" type="text" name="value" value="[% value \| html %]" placeholder="Search any authority field" />	162	<input id="value_anywhere" class="form-control head-searchbox" type="text" name="value" value="[% value \| html %]" placeholder="Search any authority field" />

Lines 6-11 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/budgets-admin-search.inc (+4 lines)
6	<form action="/cgi-bin/koha/admin/aqbudgets.pl" method="post">	6	<form action="/cgi-bin/koha/admin/aqbudgets.pl" method="post">
7	<input type="hidden" name="budget_period_id" value="[% budget_period_id \| html %]" />	7	<input type="hidden" name="budget_period_id" value="[% budget_period_id \| html %]" />
8		8
		9	<span class="form-title">
		10	<label class="control-label">Search funds</label>
		11	</span>
		12
9	<span class="form-content">	13	<span class="form-content">
10	<select name="filter_budgetbranch" id="filter_budgetbranch" class="form-control">	14	<select name="filter_budgetbranch" id="filter_budgetbranch" class="form-control">
11	<option value="">All libraries</option>	15	<option value="">All libraries</option>

Lines 7-12 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/cataloging-search.inc (+3 lines)
7		7
8	<div id="addbooks_search" class="residentsearch">	8	<div id="addbooks_search" class="residentsearch">
9	<form name="search" action="addbooks.pl">	9	<form name="search" action="addbooks.pl">
		10	<span class="form-title">
		11	<label class="control-label">Cataloging search</label>
		12	</span>
10		13
11	<span class="form-content">	14	<span class="form-content">
12	<input class="head-searchbox form-control" type="text" name="q" id="cat_search" placeholder="Search the catalog and the reservoir" size="40" />	15	<input class="head-searchbox form-control" type="text" name="q" id="cat_search" placeholder="Search the catalog and the reservoir" size="40" />

Lines 2-7 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/catalogue-search-box.inc (+4 lines)
2	[% IF ( CAN_user_catalogue ) %]	2	[% IF ( CAN_user_catalogue ) %]
3	<div id="catalog_search" class="residentsearch">	3	<div id="catalog_search" class="residentsearch">
4	<form action="/cgi-bin/koha/catalogue/search.pl" method="get" id="cat-search-block">	4	<form action="/cgi-bin/koha/catalogue/search.pl" method="get" id="cat-search-block">
		5	<span class="form-title">
		6	<label class="control-label">Search catalog</label>
		7	</span>
		8
5	<span class="form-content">	9	<span class="form-content">
6	[% IF ( Koha.Preference('IntranetCatalogSearchPulldown') ) %]	10	[% IF ( Koha.Preference('IntranetCatalogSearchPulldown') ) %]
7	[% INCLUDE 'search_indexes.inc' $header_pulldown = 1 %]	11	[% INCLUDE 'search_indexes.inc' $header_pulldown = 1 %]

Lines 1-6 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/checkin-search-box.inc (+4 lines)
1	[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]	1	[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]
2	<div id="checkin_search" class="residentsearch">	2	<div id="checkin_search" class="residentsearch">
3	<form method="post" action="/cgi-bin/koha/circ/returns.pl" autocomplete="off">	3	<form method="post" action="/cgi-bin/koha/circ/returns.pl" autocomplete="off">
		4	<span class="form-title">
		5	<label class="control-label">Check in</label>
		6	</span>
		7
4	<span class="form-content">	8	<span class="form-content">
5	<input name="barcode" id="ret_barcode" class="head-searchbox form-control" accesskey="r" type="text" placeholder="Scan a barcode to check in" size="40"/>	9	<input name="barcode" id="ret_barcode" class="head-searchbox form-control" accesskey="r" type="text" placeholder="Scan a barcode to check in" size="40"/>
6	</span>	10	</span>

Lines 2-7 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/cities-admin-search.inc (+4 lines)
2	<div id="header_search">	2	<div id="header_search">
3	<div id="city_search" class="residentsearch">	3	<div id="city_search" class="residentsearch">
4	<form action="[% script_name \| html %]" method="post">	4	<form action="[% script_name \| html %]" method="post">
		5	<span class="form-title">
		6	<label class="control-label">Search cities</label>
		7	</span>
		8
5	<span class="form-content">	9	<span class="form-content">
6	<input class="head-searchbox form-control" type="text" name="city_name_filter" id="city_name_filter" value="[% city_name_filter \| html %]" placeholder="City search" />	10	<input class="head-searchbox form-control" type="text" name="city_name_filter" id="city_name_filter" value="[% city_name_filter \| html %]" placeholder="City search" />
7	</span>	11	</span>

Lines 3-8 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/contracts-admin-search.inc (+4 lines)
3	<div id="header_search">	3	<div id="header_search">
4	<div id="contract_description_search" class="residentsearch">	4	<div id="contract_description_search" class="residentsearch">
5	<form action="[% script_name \| html %]" method="post">	5	<form action="[% script_name \| html %]" method="post">
		6	<span class="form-title">
		7	<label class="control-label">Search contracts</label>
		8	</span>
		9
6	<span class="form-content">	10	<span class="form-content">
7	<input class="head-searchbox form-control" type="text" name="searchfield" id="searchfield" value="[% searchfield \| html %]" placeholder="Search by contract name or/and description:" size="40"/>	11	<input class="head-searchbox form-control" type="text" name="searchfield" id="searchfield" value="[% searchfield \| html %]" placeholder="Search by contract name or/and description:" size="40"/>
8	</span>	12	</span>

Lines 3-8 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/currencies-admin-search.inc (+4 lines)
3	<div id="header_search">	3	<div id="header_search">
4	<div id="currency_search" class="residentsearch">	4	<div id="currency_search" class="residentsearch">
5	<form action="[% script_name \| html %]" method="post">	5	<form action="[% script_name \| html %]" method="post">
		6	<span class="form-title">
		7	<label class="control-label">Search currencies</label>
		8	</span>
		9
6	<span class="form-content">	10	<span class="form-content">
7	<input class="head-searchbox form-control" type="text" name="description" id="description" value="[% searchfield \| html %]" placeholder="Currencies search" />	11	<input class="head-searchbox form-control" type="text" name="description" id="description" value="[% searchfield \| html %]" placeholder="Currencies search" />
8	</span>	12	</span>

Lines 2-7 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/desks-admin-search.inc (+4 lines)
2	<div id="header_search">	2	<div id="header_search">
3	<div id="desk_search" class="residentsearch">	3	<div id="desk_search" class="residentsearch">
4	<form action="[% script_name\|html %]" method="post">	4	<form action="[% script_name\|html %]" method="post">
		5	<span class="form-title">
		6	<label class="control-label">Search desks</label>
		7	</span>
		8
5	<span class="form-content">	9	<span class="form-content">
6	<input class="head-searchbox form-control" type="text" name="desk_name" placeholder="Search desks" id="desk_name" value="[% searchfield\|html %]" size="40" />	10	<input class="head-searchbox form-control" type="text" name="desk_name" placeholder="Search desks" id="desk_name" value="[% searchfield\|html %]" size="40" />
7	</span>	11	</span>

Lines 3-8 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/letters-search.inc (+4 lines)
3	<div id="header_search">	3	<div id="header_search">
4	<div id="notices_search" class="residentsearch">	4	<div id="notices_search" class="residentsearch">
5	<form action="/cgi-bin/koha/tools/letter.pl" method="post">	5	<form action="/cgi-bin/koha/tools/letter.pl" method="post">
		6	<span class="form-title">
		7	<label class="control-label">Search notices</label>
		8	</span>
		9
6	<span class="form-content">	10	<span class="form-content">
7	<input class="head-searchbox form-control" type="text" name="searchfield" id="searchfield" value="" placeholder="Search existing notices"/>	11	<input class="head-searchbox form-control" type="text" name="searchfield" id="searchfield" value="" placeholder="Search existing notices"/>
8	</span>	12	</span>

Lines 1-4 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/member-search-box.inc (+5 lines)
1	[% USE Branches %]	1	[% USE Branches %]
		2	[% USE Categories %]
2	[% USE Koha %]	3	[% USE Koha %]
3	[% PROCESS 'patronfields.inc' %]	4	[% PROCESS 'patronfields.inc' %]
4	[% IF CAN_user_borrowers_edit_borrowers %]	5	[% IF CAN_user_borrowers_edit_borrowers %]
Lines 6-11 Link Here
6	<form method="post" action="/cgi-bin/koha/members/member.pl">	7	<form method="post" action="/cgi-bin/koha/members/member.pl">
7	<input type="hidden" name="quicksearch" value="1" />	8	<input type="hidden" name="quicksearch" value="1" />
8		9
		10	<span class="form-title">
		11	<label class="control-label">Search patrons</label>
		12	</span>
		13
9	<span class="form-content">	14	<span class="form-content">
10	[% IF ( Koha.Preference('RetainPatronsSearchTerms') ) %]	15	[% IF ( Koha.Preference('RetainPatronsSearchTerms') ) %]
11	<input name="searchmember" id="searchmember" class="head-searchbox form-control" type="text" placeholder="Enter patron card number or partial name" size="25" value="[% searchmember \| html %]"/>	16	<input name="searchmember" id="searchmember" class="head-searchbox form-control" type="text" placeholder="Enter patron card number or partial name" size="25" value="[% searchmember \| html %]"/>

Lines 1-6 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/patron-search-box.inc (+4 lines)
1	[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]	1	[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]
2	<div id="circ_search" class="residentsearch">	2	<div id="circ_search" class="residentsearch">
3	<form action="/cgi-bin/koha/circ/circulation.pl" id="patronsearch" method="post">	3	<form action="/cgi-bin/koha/circ/circulation.pl" id="patronsearch" method="post">
		4	<span class="form-title">
		5	<label class="control-label">Check out</label>
		6	</span>
		7
4	<span class="form-content">	8	<span class="form-content">
5	<input autocomplete="off" id="findborrower" name="findborrower" class="head-searchbox form-control" type="text" placeholder="Enter patron card number or partial name" size="40"/>	9	<input autocomplete="off" id="findborrower" name="findborrower" class="head-searchbox form-control" type="text" placeholder="Enter patron card number or partial name" size="40"/>
6		10

Lines 3-8 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/patrons-admin-search.inc (+4 lines)
3		3
4	<div id="patron_category_search" class="residentsearch">	4	<div id="patron_category_search" class="residentsearch">
5	<form action="[% script_name \| html %]" method="post">	5	<form action="[% script_name \| html %]" method="post">
		6	<span class="form-title">
		7	<label class="control-label">Search patron categories</label>
		8	</span>
		9
6	<span class="form-content">	10	<span class="form-content">
7	<input class="head-searchbox form-control" type="text" name="description" value="[% searchfield \| html %]" placeholder="Search by patron category name" />	11	<input class="head-searchbox form-control" type="text" name="description" value="[% searchfield \| html %]" placeholder="Search by patron category name" />
8	</span>	12	</span>

Lines 4-9 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/prefs-admin-search.inc (+4 lines)
4	<input type="hidden" name="tab" value="[% last_tab \| html %]" />	4	<input type="hidden" name="tab" value="[% last_tab \| html %]" />
5	<input type="hidden" name="op" value="search" />	5	<input type="hidden" name="op" value="search" />
6		6
		7	<span class="form-title">
		8	<label class="control-label">Search system preferences</label>
		9	</span>
		10
7	<span class="form-content">	11	<span class="form-content">
8	<input class="head-searchbox form-control" type="text" name="searchfield" id="searchfield" value="" placeholder="System preference search">	12	<input class="head-searchbox form-control" type="text" name="searchfield" id="searchfield" value="" placeholder="System preference search">
9	</span>	13	</span>

Lines 1-6 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/renew-search-box.inc (+4 lines)
1	[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]	1	[% IF ( CAN_user_circulate_circulate_remaining_permissions ) %]
2	<div id="renew_search" class="residentsearch">	2	<div id="renew_search" class="residentsearch">
3	<form method="post" action="/cgi-bin/koha/circ/renew.pl" autocomplete="off">	3	<form method="post" action="/cgi-bin/koha/circ/renew.pl" autocomplete="off">
		4	<span class="form-title">
		5	<label class="control-label">Renew</label>
		6	</span>
		7
4	<span class="form-content">	8	<span class="form-content">
5	<input name="barcode" id="ren_barcode" class="head-searchbox form-control" accesskey="r" type="text" placeholder="Scan a barcode to renew" size="40"/>	9	<input name="barcode" id="ren_barcode" class="head-searchbox form-control" accesskey="r" type="text" placeholder="Scan a barcode to renew" size="40"/>
6	</span>	10	</span>

Lines 9-14 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/serials-search.inc (+4 lines)
9	[% END %]	9	[% END %]
10	<input type="hidden" name="searched" value="1" />	10	<input type="hidden" name="searched" value="1" />
11		11
		12	<span class="form-title">
		13	<label class="control-label">Search subscriptions</label>
		14	</span>
		15
12	<span class="form-content">	16	<span class="form-content">
13	<input type="text" class="form-control" placeholder="ISSN" size="11" name="ISSN_filter" id="ISSN_filter" value="[% ISSN_filter \| html %]" />	17	<input type="text" class="form-control" placeholder="ISSN" size="11" name="ISSN_filter" id="ISSN_filter" value="[% ISSN_filter \| html %]" />
14		18

Lines 5-10 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/suggestions-add-search.inc (+4 lines)
5	<form action="/cgi-bin/koha/acqui/newordersuggestion.pl" method="get">	5	<form action="/cgi-bin/koha/acqui/newordersuggestion.pl" method="get">
6	<input type="hidden" name="booksellerid" value="[% booksellerid \| html %]" />	6	<input type="hidden" name="booksellerid" value="[% booksellerid \| html %]" />
7		7
		8	<span class="form-title">
		9	<label class="control-label">Search suggestions</label>
		10	</span>
		11
8	<span class="form-content">	12	<span class="form-content">
9	<input type="text" id="searchtitle" class="head-searchbox form-control" placeholder="Title" name="title" size="10" value="[% title \| html %]" />	13	<input type="text" id="searchtitle" class="head-searchbox form-control" placeholder="Title" name="title" size="10" value="[% title \| html %]" />
10	<input type="text" id="searchauthor" class="head-searchbox form-control" placeholder="Author" name="author" size="10" value="[% author \| html %]" />	14	<input type="text" id="searchauthor" class="head-searchbox form-control" placeholder="Author" name="author" size="10" value="[% author \| html %]" />

Lines 3-8 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/en/includes/z3950-admin-search.inc (-1 / +4 lines)
3		3
4	<div id="z3950_search" class="residentsearch">	4	<div id="z3950_search" class="residentsearch">
5	<form action="/cgi-bin/koha/admin/z3950servers.pl" method="post">	5	<form action="/cgi-bin/koha/admin/z3950servers.pl" method="post">
		6	<span class="form-title">
		7	<label class="control-label">Search Z39.50/SRU servers</label>
		8	</span>
		9
6	<span class="form-content">	10	<span class="form-content">
7	<input class="head-searchbox form-control" type="text" name="searchfield" id="searchfield" value="[% searchfield \| html %]" placeholder="Z39.50/SRU server search" />	11	<input class="head-searchbox form-control" type="text" name="searchfield" id="searchfield" value="[% searchfield \| html %]" placeholder="Z39.50/SRU server search" />
8	</span>	12	</span>
9	-

Return to bug 30952

Lines 51-56 Link Here

(-)a/koha-tmpl/intranet-tmpl/prog/css/src/_header.scss (-11 / +29 lines)
51	border: 0;	51	border: 0;
52	background-color: transparent;	52	background-color: transparent;
53	display: none;	53	display: none;
		54	flex-grow: 1;
54		55
55	&:first-of-type {	56	&:first-of-type {
56	display: block;	57	display: block;
Lines 60-66 Link Here
60	> ul {	61	> ul {
61	padding: 0 .8em 0 0;	62	padding: 0 .8em 0 0;
62	margin: 0;	63	margin: 0;
63	order: -1;
64	border-radius: 0 16px 16px 0;	64	border-radius: 0 16px 16px 0;
65	display: flex;	65	display: flex;
66	justify-content: space-around;	66	justify-content: space-around;
Lines 99-104 Link Here
99	position: relative;	99	position: relative;
100	}	100	}
101		101
		102	.form-title {
		103	padding: 0 16px 0 0;
		104	background-color: #418940;
		105	border-radius: 0 16px 16px 0;
		106	display: flex;
		107	align-items: center;
		108	justify-content: flex-end;
		109	z-index: 2;
		110	white-space: nowrap;
		111	flex-basis: 15%;
		112
		113	label {
		114	color: white;
		115	font-weight: bold;
		116	margin: 0;
		117	}
		118	}
		119
102	.form-content {	120	.form-content {
103	background-color: white;	121	background-color: white;
104	margin-left: -16px;	122	margin-left: -16px;
Lines 107-130 Link Here
107	white-space: nowrap;	125	white-space: nowrap;
108	z-index: 1;	126	z-index: 1;
109	display: flex;	127	display: flex;
		128	flex-grow: 1;
110		129
111	input[type="text"] {	130	input[type="text"],
112	border: 0;
113	box-shadow: unset;
114	background-color: transparent;
115	}
116
117	select {	131	select {
118	margin: 0;
119	background-color: transparent;	132	background-color: transparent;
120	border: 0;	133	border: 0;
		134	border-radius: 0;
121	box-shadow: unset;	135	box-shadow: unset;
122	max-width: 15em;	136	margin: 0;
		137
		138	&:not(:first-child) {
		139	border-left: 1px solid #e0e0e0;
		140	}
123	}	141	}
124	}	142	}
125		143
126	.form-extra-content {	144	.form-extra-content {
127	left: -16px;	145	left: 284px;
128	right: 60px;	146	right: 60px;
129	position: absolute;	147	position: absolute;
130	top: 31px;	148	top: 31px;
Lines 133-139 Link Here
133	padding: 1em;	151	padding: 1em;
134	border-radius: 0 0 8px 8px;	152	border-radius: 0 0 8px 8px;
135	border: 1px solid #418940;	153	border: 1px solid #418940;
136	border-top: 0;	154	border-top: 1px solid #e0e0e0;
137	box-shadow: 0 2px 2px 1px #00000030;	155	box-shadow: 0 2px 2px 1px #00000030;
138	z-index: 1;	156	z-index: 1;
139	display: none;	157	display: none;