From 4449b9fb2233bfb7519ae00c99f7fa95621ae968 Mon Sep 17 00:00:00 2001
From: unknown <alberto@siles.pe>
Date: Mon, 23 Nov 2015 21:12:26 -0500
Subject: [PATCH] Correct fieldsets padding, improve checkbox and radios
 rendering.

---
 LICENSE.txt                           | 339 --------------------------
 bootstrap_barrio.theme                |   7 +
 css/components/form.css               | 152 +-----------
 css/components/header.css             | 195 ---------------
 templates/form/form-element.html.twig |  96 +++++---
 5 files changed, 70 insertions(+), 719 deletions(-)
 delete mode 100644 LICENSE.txt

diff --git a/LICENSE.txt b/LICENSE.txt
deleted file mode 100644
index d159169..0000000
--- a/LICENSE.txt
+++ /dev/null
@@ -1,339 +0,0 @@
-                    GNU GENERAL PUBLIC LICENSE
-                       Version 2, June 1991
-
- Copyright (C) 1989, 1991 Free Software Foundation, Inc.,
- 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
- Everyone is permitted to copy and distribute verbatim copies
- of this license document, but changing it is not allowed.
-
-                            Preamble
-
-  The licenses for most software are designed to take away your
-freedom to share and change it.  By contrast, the GNU General Public
-License is intended to guarantee your freedom to share and change free
-software--to make sure the software is free for all its users.  This
-General Public License applies to most of the Free Software
-Foundation's software and to any other program whose authors commit to
-using it.  (Some other Free Software Foundation software is covered by
-the GNU Lesser General Public License instead.)  You can apply it to
-your programs, too.
-
-  When we speak of free software, we are referring to freedom, not
-price.  Our General Public Licenses are designed to make sure that you
-have the freedom to distribute copies of free software (and charge for
-this service if you wish), that you receive source code or can get it
-if you want it, that you can change the software or use pieces of it
-in new free programs; and that you know you can do these things.
-
-  To protect your rights, we need to make restrictions that forbid
-anyone to deny you these rights or to ask you to surrender the rights.
-These restrictions translate to certain responsibilities for you if you
-distribute copies of the software, or if you modify it.
-
-  For example, if you distribute copies of such a program, whether
-gratis or for a fee, you must give the recipients all the rights that
-you have.  You must make sure that they, too, receive or can get the
-source code.  And you must show them these terms so they know their
-rights.
-
-  We protect your rights with two steps: (1) copyright the software, and
-(2) offer you this license which gives you legal permission to copy,
-distribute and/or modify the software.
-
-  Also, for each author's protection and ours, we want to make certain
-that everyone understands that there is no warranty for this free
-software.  If the software is modified by someone else and passed on, we
-want its recipients to know that what they have is not the original, so
-that any problems introduced by others will not reflect on the original
-authors' reputations.
-
-  Finally, any free program is threatened constantly by software
-patents.  We wish to avoid the danger that redistributors of a free
-program will individually obtain patent licenses, in effect making the
-program proprietary.  To prevent this, we have made it clear that any
-patent must be licensed for everyone's free use or not licensed at all.
-
-  The precise terms and conditions for copying, distribution and
-modification follow.
-
-                    GNU GENERAL PUBLIC LICENSE
-   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
-
-  0. This License applies to any program or other work which contains
-a notice placed by the copyright holder saying it may be distributed
-under the terms of this General Public License.  The "Program", below,
-refers to any such program or work, and a "work based on the Program"
-means either the Program or any derivative work under copyright law:
-that is to say, a work containing the Program or a portion of it,
-either verbatim or with modifications and/or translated into another
-language.  (Hereinafter, translation is included without limitation in
-the term "modification".)  Each licensee is addressed as "you".
-
-Activities other than copying, distribution and modification are not
-covered by this License; they are outside its scope.  The act of
-running the Program is not restricted, and the output from the Program
-is covered only if its contents constitute a work based on the
-Program (independent of having been made by running the Program).
-Whether that is true depends on what the Program does.
-
-  1. You may copy and distribute verbatim copies of the Program's
-source code as you receive it, in any medium, provided that you
-conspicuously and appropriately publish on each copy an appropriate
-copyright notice and disclaimer of warranty; keep intact all the
-notices that refer to this License and to the absence of any warranty;
-and give any other recipients of the Program a copy of this License
-along with the Program.
-
-You may charge a fee for the physical act of transferring a copy, and
-you may at your option offer warranty protection in exchange for a fee.
-
-  2. You may modify your copy or copies of the Program or any portion
-of it, thus forming a work based on the Program, and copy and
-distribute such modifications or work under the terms of Section 1
-above, provided that you also meet all of these conditions:
-
-    a) You must cause the modified files to carry prominent notices
-    stating that you changed the files and the date of any change.
-
-    b) You must cause any work that you distribute or publish, that in
-    whole or in part contains or is derived from the Program or any
-    part thereof, to be licensed as a whole at no charge to all third
-    parties under the terms of this License.
-
-    c) If the modified program normally reads commands interactively
-    when run, you must cause it, when started running for such
-    interactive use in the most ordinary way, to print or display an
-    announcement including an appropriate copyright notice and a
-    notice that there is no warranty (or else, saying that you provide
-    a warranty) and that users may redistribute the program under
-    these conditions, and telling the user how to view a copy of this
-    License.  (Exception: if the Program itself is interactive but
-    does not normally print such an announcement, your work based on
-    the Program is not required to print an announcement.)
-
-These requirements apply to the modified work as a whole.  If
-identifiable sections of that work are not derived from the Program,
-and can be reasonably considered independent and separate works in
-themselves, then this License, and its terms, do not apply to those
-sections when you distribute them as separate works.  But when you
-distribute the same sections as part of a whole which is a work based
-on the Program, the distribution of the whole must be on the terms of
-this License, whose permissions for other licensees extend to the
-entire whole, and thus to each and every part regardless of who wrote it.
-
-Thus, it is not the intent of this section to claim rights or contest
-your rights to work written entirely by you; rather, the intent is to
-exercise the right to control the distribution of derivative or
-collective works based on the Program.
-
-In addition, mere aggregation of another work not based on the Program
-with the Program (or with a work based on the Program) on a volume of
-a storage or distribution medium does not bring the other work under
-the scope of this License.
-
-  3. You may copy and distribute the Program (or a work based on it,
-under Section 2) in object code or executable form under the terms of
-Sections 1 and 2 above provided that you also do one of the following:
-
-    a) Accompany it with the complete corresponding machine-readable
-    source code, which must be distributed under the terms of Sections
-    1 and 2 above on a medium customarily used for software interchange; or,
-
-    b) Accompany it with a written offer, valid for at least three
-    years, to give any third party, for a charge no more than your
-    cost of physically performing source distribution, a complete
-    machine-readable copy of the corresponding source code, to be
-    distributed under the terms of Sections 1 and 2 above on a medium
-    customarily used for software interchange; or,
-
-    c) Accompany it with the information you received as to the offer
-    to distribute corresponding source code.  (This alternative is
-    allowed only for noncommercial distribution and only if you
-    received the program in object code or executable form with such
-    an offer, in accord with Subsection b above.)
-
-The source code for a work means the preferred form of the work for
-making modifications to it.  For an executable work, complete source
-code means all the source code for all modules it contains, plus any
-associated interface definition files, plus the scripts used to
-control compilation and installation of the executable.  However, as a
-special exception, the source code distributed need not include
-anything that is normally distributed (in either source or binary
-form) with the major components (compiler, kernel, and so on) of the
-operating system on which the executable runs, unless that component
-itself accompanies the executable.
-
-If distribution of executable or object code is made by offering
-access to copy from a designated place, then offering equivalent
-access to copy the source code from the same place counts as
-distribution of the source code, even though third parties are not
-compelled to copy the source along with the object code.
-
-  4. You may not copy, modify, sublicense, or distribute the Program
-except as expressly provided under this License.  Any attempt
-otherwise to copy, modify, sublicense or distribute the Program is
-void, and will automatically terminate your rights under this License.
-However, parties who have received copies, or rights, from you under
-this License will not have their licenses terminated so long as such
-parties remain in full compliance.
-
-  5. You are not required to accept this License, since you have not
-signed it.  However, nothing else grants you permission to modify or
-distribute the Program or its derivative works.  These actions are
-prohibited by law if you do not accept this License.  Therefore, by
-modifying or distributing the Program (or any work based on the
-Program), you indicate your acceptance of this License to do so, and
-all its terms and conditions for copying, distributing or modifying
-the Program or works based on it.
-
-  6. Each time you redistribute the Program (or any work based on the
-Program), the recipient automatically receives a license from the
-original licensor to copy, distribute or modify the Program subject to
-these terms and conditions.  You may not impose any further
-restrictions on the recipients' exercise of the rights granted herein.
-You are not responsible for enforcing compliance by third parties to
-this License.
-
-  7. If, as a consequence of a court judgment or allegation of patent
-infringement or for any other reason (not limited to patent issues),
-conditions are imposed on you (whether by court order, agreement or
-otherwise) that contradict the conditions of this License, they do not
-excuse you from the conditions of this License.  If you cannot
-distribute so as to satisfy simultaneously your obligations under this
-License and any other pertinent obligations, then as a consequence you
-may not distribute the Program at all.  For example, if a patent
-license would not permit royalty-free redistribution of the Program by
-all those who receive copies directly or indirectly through you, then
-the only way you could satisfy both it and this License would be to
-refrain entirely from distribution of the Program.
-
-If any portion of this section is held invalid or unenforceable under
-any particular circumstance, the balance of the section is intended to
-apply and the section as a whole is intended to apply in other
-circumstances.
-
-It is not the purpose of this section to induce you to infringe any
-patents or other property right claims or to contest validity of any
-such claims; this section has the sole purpose of protecting the
-integrity of the free software distribution system, which is
-implemented by public license practices.  Many people have made
-generous contributions to the wide range of software distributed
-through that system in reliance on consistent application of that
-system; it is up to the author/donor to decide if he or she is willing
-to distribute software through any other system and a licensee cannot
-impose that choice.
-
-This section is intended to make thoroughly clear what is believed to
-be a consequence of the rest of this License.
-
-  8. If the distribution and/or use of the Program is restricted in
-certain countries either by patents or by copyrighted interfaces, the
-original copyright holder who places the Program under this License
-may add an explicit geographical distribution limitation excluding
-those countries, so that distribution is permitted only in or among
-countries not thus excluded.  In such case, this License incorporates
-the limitation as if written in the body of this License.
-
-  9. The Free Software Foundation may publish revised and/or new versions
-of the General Public License from time to time.  Such new versions will
-be similar in spirit to the present version, but may differ in detail to
-address new problems or concerns.
-
-Each version is given a distinguishing version number.  If the Program
-specifies a version number of this License which applies to it and "any
-later version", you have the option of following the terms and conditions
-either of that version or of any later version published by the Free
-Software Foundation.  If the Program does not specify a version number of
-this License, you may choose any version ever published by the Free Software
-Foundation.
-
-  10. If you wish to incorporate parts of the Program into other free
-programs whose distribution conditions are different, write to the author
-to ask for permission.  For software which is copyrighted by the Free
-Software Foundation, write to the Free Software Foundation; we sometimes
-make exceptions for this.  Our decision will be guided by the two goals
-of preserving the free status of all derivatives of our free software and
-of promoting the sharing and reuse of software generally.
-
-                            NO WARRANTY
-
-  11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
-FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW.  EXCEPT WHEN
-OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
-PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
-OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
-MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE.  THE ENTIRE RISK AS
-TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU.  SHOULD THE
-PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
-REPAIR OR CORRECTION.
-
-  12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
-WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
-REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
-INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
-OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
-TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
-YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
-PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
-POSSIBILITY OF SUCH DAMAGES.
-
-                     END OF TERMS AND CONDITIONS
-
-            How to Apply These Terms to Your New Programs
-
-  If you develop a new program, and you want it to be of the greatest
-possible use to the public, the best way to achieve this is to make it
-free software which everyone can redistribute and change under these terms.
-
-  To do so, attach the following notices to the program.  It is safest
-to attach them to the start of each source file to most effectively
-convey the exclusion of warranty; and each file should have at least
-the "copyright" line and a pointer to where the full notice is found.
-
-    <one line to give the program's name and a brief idea of what it does.>
-    Copyright (C) <year>  <name of author>
-
-    This program is free software; you can redistribute it and/or modify
-    it under the terms of the GNU General Public License as published by
-    the Free Software Foundation; either version 2 of the License, or
-    (at your option) any later version.
-
-    This program is distributed in the hope that it will be useful,
-    but WITHOUT ANY WARRANTY; without even the implied warranty of
-    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-    GNU General Public License for more details.
-
-    You should have received a copy of the GNU General Public License along
-    with this program; if not, write to the Free Software Foundation, Inc.,
-    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
-
-Also add information on how to contact you by electronic and paper mail.
-
-If the program is interactive, make it output a short notice like this
-when it starts in an interactive mode:
-
-    Gnomovision version 69, Copyright (C) year name of author
-    Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
-    This is free software, and you are welcome to redistribute it
-    under certain conditions; type `show c' for details.
-
-The hypothetical commands `show w' and `show c' should show the appropriate
-parts of the General Public License.  Of course, the commands you use may
-be called something other than `show w' and `show c'; they could even be
-mouse-clicks or menu items--whatever suits your program.
-
-You should also get your employer (if you work as a programmer) or your
-school, if any, to sign a "copyright disclaimer" for the program, if
-necessary.  Here is a sample; alter the names:
-
-  Yoyodyne, Inc., hereby disclaims all copyright interest in the program
-  `Gnomovision' (which makes passes at compilers) written by James Hacker.
-
-  <signature of Ty Coon>, 1 April 1989
-  Ty Coon, President of Vice
-
-This General Public License does not permit incorporating your program into
-proprietary programs.  If your program is a subroutine library, you may
-consider it more useful to permit linking proprietary applications with the
-library.  If this is what you want to do, use the GNU Lesser General
-Public License instead of this License.
diff --git a/bootstrap_barrio.theme b/bootstrap_barrio.theme
index e6c6a81..5faae69 100644
--- a/bootstrap_barrio.theme
+++ b/bootstrap_barrio.theme
@@ -242,6 +242,13 @@ function bootstrap_barrio_preprocess_block(&$variables) {
   }
 }
 
+function bootstrap_barrio_preprocess_form_element(&$variables) {
+  if (is_object($variables['label']['#title'])) {
+    $variables['input_title'] = $variables['label']['#title']->render();
+  }
+  $variables['input_attributes'] = new Attribute($variables['element']['#attributes']);
+}
+
 /**
  * Implements hook_preprocess_HOOK() for menu.html.twig.
  */
diff --git a/css/components/form.css b/css/components/form.css
index dae3432..505a568 100644
--- a/css/components/form.css
+++ b/css/components/form.css
@@ -1,6 +1,6 @@
 /**
  * @file
- * Visual styles for Bartik's forms.
+ * Visual styles for Bootstrap Barrio's forms.
  */
 
 /* Password field. */
@@ -15,160 +15,10 @@ form {
 }
 fieldset {
   margin: 1em 0;
-  padding-left: 1.25rem;
-}
-details,
-fieldset,
-.filter-wrapper {
-  border-radius: 4px;
-}
-.filter-wrapper {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-}
-.filter-help a {
-  font-size: 0.857em;
-}
-.filter-wrapper .form-item label {
-  margin-right: 10px; /* LTR */
-}
-[dir="rtl"] .filter-wrapper .form-item label {
-  margin-left: 10px;
-  margin-right: 0;
-}
-summary {
-  background: #dbdbdb;
-  color: #3b3b3b;
-  text-shadow: 0 1px 0 #fff;
-}
-details summary a {
-  color: #3b3b3b;
 }
 
 /* Node Form */
-#edit-body {
-  margin-bottom: 2em;
-}
-.node-form label,
-.node-form .description {
-}
-.node-form .form-wrapper {
-  margin-bottom: 2em;
-}
 
 /* Contact Form */
-.contact-form #edit-name {
-  width: 75%;
-  border-radius: 4px;
-}
-.contact-form #edit-mail {
-  width: 75%;
-  border-radius: 4px;
-}
-.contact-form #edit-subject {
-  width: 75%;
-  border-radius: 4px;
-}
-.contact-form #edit-message {
-  width: 76.3%;
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
-}
-
-/* Disabled form elements */
-.form-disabled input,
-.form-disabled select,
-.form-disabled textarea {
-  background: #ededed;
-  border-color: #bbb;
-  color: #717171;
-}
-.form-disabled label {
-  color: #717171;
-}
 
 /* Comment form */
-.comment-form label {
-  float: left; /* LTR */
-  font-size: 0.929em;
-  width: 120px;
-}
-[dir="rtl"] .comment-form label {
-  float: right;
-}
-.comment-form input,
-.comment-form .form-select {
-  margin: 0;
-  border-radius: 4px;
-}
-.comment-form .form-type-textarea label {
-  float: none;
-}
-.comment-form .form-item,
-.comment-form .form-radios,
-.comment-form .form-type-checkbox,
-.comment-form .form-select {
-  margin-bottom: 10px;
-  overflow: hidden;
-}
-.comment-form .form-type-checkbox,
-.comment-form .form-radios {
-  margin-left: 120px; /* LTR */
-}
-[dir="rtl"] .comment-form .form-type-checkbox,
-[dir="rtl"] .comment-form .form-radios,
-[dir="rtl"] .comment-form .form-item .description {
-  margin-left: 0;
-  margin-right: 120px;
-}
-.comment-form .form-type-checkbox label,
-.comment-form .form-radios label {
-  float: none;
-  margin-top: 0;
-}
-.comment-form input.form-file {
-  width: auto;
-}
-.layout-no-sidebars .comment-form .form-text {
-  width: 800px;
-}
-.layout-one-sidebar .comment-form .form-text {
-  width: 500px;
-}
-.layout-two-sidebars .comment-form .form-text {
-  width: 320px;
-}
-.comment-form .form-item .description {
-  font-size: 0.786em;
-  line-height: 1.2;
-  margin-left: 120px; /* LTR */
-}
-.comment-form .form-textarea {
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
-}
-.comment-form details.filter-wrapper .details-wrapper,
-.comment-form .text-format-wrapper .form-item {
-  margin-top: 0;
-  margin-bottom: 0;
-}
-.filter-wrapper label {
-  width: auto;
-  float: none;
-}
-.filter-wrapper .form-select {
-  min-width: 120px;
-}
-.comment-form details.filter-wrapper .tips {
-  font-size: 0.786em;
-}
-#comment-body-add-more-wrapper .form-type-textarea label {
-  margin-bottom: 0.4em;
-}
-#edit-actions input {
-  margin-right: 0.6em; /* LTR */
-}
-[dir="rtl"] #edit-actions input {
-  margin-left: 0.6em;
-  margin-right: 0;
-}
diff --git a/css/components/header.css b/css/components/header.css
index 793c53a..43897c1 100644
--- a/css/components/header.css
+++ b/css/components/header.css
@@ -1,196 +1 @@
 /* ------------------ Header ------------------ */
-#header {
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
-.header .section {
-  position: relative;
-}
-.region-header {
-  padding: 0.357em 15px 0;
-}
-.region-header .site-branding {
-  margin-top: 0.429em;
-}
-@media all and (min-width: 461px) {
-  .region-header .block {
-    float: right; /* LTR */
-    margin-top: 0.357em;
-  }
-  [dir="rtl"] .region-header .block {
-    float: left;
-  }
-  .region-header .site-branding {
-    float: left; /* LTR */
-   /* margin-bottom: 1.857em;*/
-  }
-  [dir="rtl"] .region-header .site-branding {
-    float: right;
-  }
-}
-
-/* Region header blocks. */
-.region-header .block:not(.site-branding) {
-  font-size: 0.857em;
-  margin: 0 0 1em;
-  clear: right;
-}
-@media all and (min-width: 901px) {
-  .region-header .block:not(.site-branding) {
-    margin: 1.167em 0 1em;
-  }
-}
-.region-header .block > h2 {
-  /* @extend .visually-hidden */
-  position: absolute !important;
-  clip: rect(1px, 1px, 1px, 1px);
-  overflow: hidden;
-  height: 1px;
-}
-.header .block .content {
-  margin: 0;
-  padding: 0;
-}
-.region-header .block ul {
-  padding: 0;
-}
-.region-header .block li {
-  list-style: none;
-  list-style-image: none;
-  padding: 0;
-}
-.region-header .branding {
-  font-size: 1em;
-}
-.region-header .form-text {
-  background: #fefefe;
-  background: rgba(255, 255, 255, 0.7);
-  border-color: #ccc;
-  border-color: rgba(255, 255, 255, 0.3);
-  margin-right: 2px; /* LTR */
-  width: 120px;
-}
-[dir="rtl"] .region-header .form-text {
-  margin-left: 2px;
-  margin-right: 0;
-}
-.region-header .form-text:hover,
-.region-header .form-text:focus,
-.region-header .form-text:active {
-  background: #fff;
-  background: rgba(255, 255, 255, 0.8);
-}
-.region-header .form-required:after {
-  background-image: url(../../images/required.svg);
-}
-/* Region header block menus. */
-.region-header .block-menu {
-  border: 1px solid;
-  border-color: #eee;
-  border-color: rgba(255, 255, 255, 0.2);
-  padding: 0;
-  width: 208px;
-}
-.region-header .block-menu li a {
-  display: block;
-  border-bottom: 1px solid;
-  border-bottom-color: #eee;
-  border-bottom-color: rgba(255, 255, 255, 0.2);
-  padding: 3px 7px;
-}
-.region-header .block-menu li a:hover,
-.region-header .block-menu li a:focus,
-.region-header .block-menu li a:active {
-  text-decoration: none;
-  background: rgba(255, 255, 255, 0.15);
-}
-.region-header .block-menu li:last-child a {
-  border-bottom: 0;
-}
-/* User Login block in the header region. */
-.region-header #block-user-login {
-  width: auto;
-}
-.region-header #block-user-login .content {
-  margin-top: 2px;
-}
-.region-header #block-user-login .form-item {
-  float: left; /* LTR */
-  margin: 0;
-  padding: 0;
-}
-.region-header #block-user-login div.item-list,
-.region-header #block-user-login div.description {
-  font-size: 0.916em;
-  margin: 0;
-}
-.region-header #block-user-login div.item-list {
-  clear: both;
-}
-.region-header #block-user-login div.description {
-  display: inline;
-}
-.region-header #block-user-login .item-list ul {
-  padding: 0;
-  line-height: 1;
-}
-.region-header #block-user-login .item-list li {
-  list-style: none;
-  float: left; /* LTR */
-  padding: 3px 0 1px;
-}
-.region-header #block-user-login .item-list li:last-child {
-  padding-left: 0.5em; /* LTR */
-}
-[dir="rtl"] .region-header #block-user-login .item-list li:last-child {
-  padding-left: 0;
-  padding-right: 0.5em;
-}
-.region-header #block-user-login .form-actions {
-  margin: 4px 0 0;
-  padding: 0;
-  clear: both;
-}
-.region-header #block-user-login input.form-submit {
-  border: 1px solid;
-  border-color: #ccc;
-  border-color: rgba(255, 255, 255, 0.5);
-  background: #eee;
-  background: rgba(255, 255, 255, 0.7);
-  margin: 4px 0;
-  padding: 3px 8px;
-}
-.region-header #block-user-login input.form-submit:hover,
-.region-header #block-user-login input.form-submit:focus {
-  background: #fff;
-  background: rgba(255, 255, 255, 0.9);
-}
-/* Search block in header region. */
-.region-header #block-search-form {
-  width: 208px;
-}
-.region-header #block-search-form .form-text {
-  width: 154px;
-}
-.region-header .search-block-form {
-  float: right; /* LTR */
-}
-[dir="rtl"] .region-header .search-block-form {
-  float: left;
-}
-
-/* Language switcher block in header region. */
-.region-header .block-locale ul li {
-  display: inline;
-  padding: 0 0.5em;
-}
-[role*=banner] a {
-  border-bottom: none;
-}
-
-[dir="rtl"] .branding,
-[dir="rtl"] .site-logo,
-[dir="rtl"] .site-branding-text,
-[dir="rtl"] .region-header #block-user-login .form-item,
-[dir="rtl"] .region-header #block-user-login .item-list li {
-  float: right;
-}
diff --git a/templates/form/form-element.html.twig b/templates/form/form-element.html.twig
index b8990b7..75d79ba 100644
--- a/templates/form/form-element.html.twig
+++ b/templates/form/form-element.html.twig
@@ -44,6 +44,7 @@
  * @see template_preprocess_form_element()
  */
 #}
+
 {%
   set classes = [
     'js-form-item',
@@ -65,39 +66,66 @@
 %}
 {% if type in ['checkbox', 'radio'] %}
   <div{{ attributes.addClass(classes) }}>
-{% else %}
+    {% if prefix is not empty %}
+      <span class="field-prefix">{{ prefix }}</span>
+    {% endif %}
+    {% if description_display == 'before' and description.content %}
+      <div{{ description.attributes }}>
+        {{ description.content }}
+      </div>
+    {% endif %}
+    <label>
+      {% if label_display == 'before' %}
+        {{ input_title }}&nbsp;
+      {% endif %}
+      <input{{ input_attributes }}>
+      {% if label_display == 'after' %}
+        &nbsp;{{ input_title }}
+      {% endif %}
+    </label>
+    {% if suffix is not empty %}
+      <span class="field-suffix">{{ suffix }}</span>
+    {% endif %}
+    {% if errors %}
+      <div class="alert alert-danger" role="alert">
+        <strong>{{ errors }}</strong>
+      </div>
+    {% endif %}
+    {% if description_display in ['after', 'invisible'] and description.content %}
+      <small{{ description.attributes.addClass(description_classes) }}>
+        {{ description.content }}
+      </small>
+    {% endif %}
+  </div>
+  {% else %}
   <fieldset{{ attributes.addClass(classes, 'form-group') }}>
-{% endif %}
-  {% if label_display in ['before', 'invisible'] %}
-    {{ label }}
-  {% endif %}
-  {% if prefix is not empty %}
-    <span class="field-prefix">{{ prefix }}</span>
-  {% endif %}
-  {% if description_display == 'before' and description.content %}
-    <div{{ description.attributes }}>
-      {{ description.content }}
-    </div>
-  {% endif %}
-  {{ children }}
-  {% if suffix is not empty %}
-    <span class="field-suffix">{{ suffix }}</span>
-  {% endif %}
-  {% if label_display == 'after' %}
-    {{ label }}
-  {% endif %}
-  {% if errors %}
-    <div class="alert alert-danger" role="alert">
-      <strong>{{ errors }}</strong>
-    </div>
-  {% endif %}
-  {% if description_display in ['after', 'invisible'] and description.content %}
-    <small{{ description.attributes.addClass(description_classes) }}>
-      {{ description.content }}
-    </small>
-  {% endif %}
-{% if type in ['checkbox', 'radio'] %}
-</div>
-{% else %}
-</fieldset>
+    {% if label_display in ['before', 'invisible'] %}
+      {{ label }}
+    {% endif %}
+    {% if prefix is not empty %}
+      <span class="field-prefix">{{ prefix }}</span>
+    {% endif %}
+    {% if description_display == 'before' and description.content %}
+      <div{{ description.attributes }}>
+        {{ description.content }}
+      </div>
+    {% endif %}
+    {{ children }}
+    {% if suffix is not empty %}
+      <span class="field-suffix">{{ suffix }}</span>
+    {% endif %}
+    {% if label_display == 'after' %}
+      {{ label }}
+    {% endif %}
+    {% if errors %}
+      <div class="alert alert-danger" role="alert">
+        <strong>{{ errors }}</strong>
+      </div>
+    {% endif %}
+    {% if description_display in ['after', 'invisible'] and description.content %}
+      <small{{ description.attributes.addClass(description_classes) }}>
+        {{ description.content }}
+      </small>
+    {% endif %}
+  </fieldset>
 {% endif %}
-- 
GitLab