From 13469f60bddd2d9f4cad4a2e1e6fed1f61ff0a7e Mon Sep 17 00:00:00 2001
From: rebuilt <memoryman51@hotmail.com>
Date: Wed, 3 Nov 2021 21:16:35 +0100
Subject: [PATCH] Add styling changes.  Change focus state color for select
 elements.  Change wording of about MCIEA section

---
 app/assets/stylesheets/{fonts.scss => _fonts.scss} |  5 -----
 app/assets/stylesheets/_forms.scss                 | 14 ++++++++++++++
 app/assets/stylesheets/bootstrap-overrides.scss    |  2 ++
 app/assets/stylesheets/sqm_application.scss        |  2 ++
 app/views/home/index.html.erb                      |  6 +-----
 5 files changed, 19 insertions(+), 10 deletions(-)
 rename app/assets/stylesheets/{fonts.scss => _fonts.scss} (93%)
 create mode 100644 app/assets/stylesheets/_forms.scss

diff --git a/app/assets/stylesheets/fonts.scss b/app/assets/stylesheets/_fonts.scss
similarity index 93%
rename from app/assets/stylesheets/fonts.scss
rename to app/assets/stylesheets/_fonts.scss
index 47dd80d2..9ddacdaf 100644
--- a/app/assets/stylesheets/fonts.scss
+++ b/app/assets/stylesheets/_fonts.scss
@@ -42,11 +42,6 @@
   font-size: 20px;
 }
 
-header .form-select {
-  width: auto;
-  max-width: 290px;
-}
-
 .sub-header-4 {
   @extend .font-bitter;
   @extend .weight-700;
diff --git a/app/assets/stylesheets/_forms.scss b/app/assets/stylesheets/_forms.scss
new file mode 100644
index 00000000..eff6010e
--- /dev/null
+++ b/app/assets/stylesheets/_forms.scss
@@ -0,0 +1,14 @@
+@import "variables";
+@import "sqm_bootstrap";
+
+header .form-select {
+  width: auto;
+  max-width: 290px;
+}
+
+.bg-color-blue .form-select {
+  &:focus {
+    box-shadow: 0 0 0 $input-btn-focus-width rgba($white, $input-btn-focus-color-opacity);
+  }
+}
+
diff --git a/app/assets/stylesheets/bootstrap-overrides.scss b/app/assets/stylesheets/bootstrap-overrides.scss
index 439e7c8b..e15938e5 100644
--- a/app/assets/stylesheets/bootstrap-overrides.scss
+++ b/app/assets/stylesheets/bootstrap-overrides.scss
@@ -24,7 +24,9 @@ $body-color: $black;
 $headings-font-family: 'Bitter', serif;
 $headings-font-weight: 700;
 
+$form-select-border-radius: 0;
 $btn-border-radius: 0;
+$input-border-radius: 0;
 $input-btn-focus-color-opacity: 0.35;
 
 $nav-link-color: $white;
diff --git a/app/assets/stylesheets/sqm_application.scss b/app/assets/stylesheets/sqm_application.scss
index a622bd6e..65cf1114 100644
--- a/app/assets/stylesheets/sqm_application.scss
+++ b/app/assets/stylesheets/sqm_application.scss
@@ -9,6 +9,7 @@
 @import "scss/fontawesome.scss";
 @import "scss/solid.scss";
 @import "footer";
+@import "forms";
 
 .height-56 {
   height: 56px;
@@ -105,3 +106,4 @@
 .measure-accordion-body {
   background-color: $gray-3;
 }
+
diff --git a/app/views/home/index.html.erb b/app/views/home/index.html.erb
index f420be97..69d4e23a 100644
--- a/app/views/home/index.html.erb
+++ b/app/views/home/index.html.erb
@@ -69,11 +69,7 @@
 <div class="bg-color-blue text-center py-11">
   <div class="about-mciea">
     <h2 class="mb-4">About MCIEA</h2>
-    <p>The Massachusetts Consortium for Innovative Education Assessment (MCIEA) is a partnership of Massachusetts public
-      school districts and their local teacher unions, joined together to create a fair and effective accountability
-      system that is guided by a set of principles and offers a more dynamic picture of student learning and school
-      quality than a single standardized test. MCIEA seeks to increase achievement for all students, close inequitable
-      achievement gaps, and better prepare students for college, career, and life.</p>
+    <p>The Massachusetts Consortium for Innovative Education Assessment (MCIEA) is a partnership of eight MA public school districts and their local teacher unions, joined together to create a fair and effective accountability system that offers a more dynamic picture of student learning and school quality than a single standardized test. MCIEA seeks to increase achievement for all students, close prevailing opportunity gaps among subgroups, and prepare a diversity of students for college, career, and life.</p>
     <a href="https://www.mciea.org/about.html" target="_blank" class="btn btn-secondary mt-4">Learn More</a>
   </div>
 </div>