Make login and registration forms narrower and widen buttons on said forms
MODIFY
resources/assets/sass/components/input.scss
resources/assets/sass/components/input.scss
@@ -139,6 +139,11 @@ button.button {
color: $colors-primary;
background: none;
}
+
+ &.button--wide {
+ padding: 12.5px 20px;
+ width: 100%;
+ }
}
.button, .button-dropdown {

MODIFY
resources/assets/sass/variables/dimensions.scss
resources/assets/sass/variables/dimensions.scss
@@ -3,4 +3,4 @@ $dimensions-box-border-radius: 5px;
$dimensions-input-padding: 10px;
$dimensions-box-padding: 20px;
$dimensions-wrapper-width: 1200px;
-$dimensions-wrapper-narrow-width: 500px;
+$dimensions-wrapper-narrow-width: 450px;

MODIFY
resources/views/login.blade.php
resources/views/login.blade.php
<label>Password</label>
<input type="password" name="password" />
</div>
- <div class="row row--separate" style="justify-content: space-between;">
- <div class="row__column row__column--compact">
- <button class="button">Log in</button>
- </div>
- <div class="row__column row__column--compact row__column--middle">
- <a href="/reset_password">Forgot your password?</a>
- </div>
+ <button class="button button--wide">Log in</button>
+ <div class="mt-2 text-right">
+ <a href="/reset_password" class="fs-sm">Forgot your password?</a>
</div>
</form>
</div>

MODIFY
resources/views/register.blade.php
resources/views/register.blade.php
initial="{{ old('currency') }}"></searchable>
@include('partials.validation_error', ['payload' => 'currency'])
</div>
- <button class="button">Register</button>
+ <button class="button button--wide">Register</button>
</form>
</div>
</div>

MODIFY
resources/views/reset_password.blade.php
resources/views/reset_password.blade.php
<input type="email" name="email" />
</div>
@endif
- <button class="button">Submit</button>
+ <button class="button button--wide">Submit</button>
</form>
</div>
</div>

Make login and registration forms narrower and widen buttons on said forms