d13forme/infinity-squared
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Reduce the clickable area of labels. It was far too great.

Browse Source
This commit is contained in:
Tom Slominski
2015-03-06 22:38:24 +00:00
parent 87ab7d16f4
commit 5f4af1f795
2 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
index.php
View File

@@ -10,30 +10,30 @@ $title = isset( $_REQUEST['title'] ) ? yourls_sanitize_title( $_REQUEST['title
<h2><?php yourls_e( 'Enter a new URL to shorten', 'isq_translation'); ?></h2> <h2><?php yourls_e( 'Enter a new URL to shorten', 'isq_translation'); ?></h2>
<form method="post" action="result.php" class="newurl"> <form method="post" action="result.php" class="newurl">
<div class="form-item full-width"> <div class="form-item full-width">
<label for="url" class="primary"><?php yourls_e( 'Long URL (required):', 'isq_translation'); ?></label> <p><label for="url" class="primary"><?php yourls_e( 'Long URL (required):', 'isq_translation'); ?></label></p>
<label for="url" class="secondary"><?php yourls_e( 'Paste the long URL here', 'isq_translation'); ?></label> <p><label for="url" class="secondary"><?php yourls_e( 'Paste the long URL here', 'isq_translation'); ?></label></p>
<input type="url" id="url" name="url" value="<?php echo($url); ?>" /> <input type="url" id="url" name="url" value="<?php echo($url); ?>" />
</div> </div>
<div class="halves"> <div class="halves">
<div class="form-item half-width left"> <div class="form-item half-width left">
<label for="keyword" class="primary"><?php yourls_e( 'Custom keyword:', 'isq_translation'); ?></label> <p><label for="keyword" class="primary"><?php yourls_e( 'Custom keyword:', 'isq_translation'); ?></label></p>
<label for="keyword" class="secondary"><?php yourls_e( 'A keyword replaces the default short string', 'isq_translation'); ?></label> <p><label for="keyword" class="secondary"><?php yourls_e( 'A keyword replaces the default short string', 'isq_translation'); ?></label></p>
<input type="text" id="keyword" name="keyword" value="<?php echo($keyword); ?>" /> <input type="text" id="keyword" name="keyword" value="<?php echo($keyword); ?>" />
</div> </div>
<div class="form-item half-width right"> <div class="form-item half-width right">
<label for="title" class="primary"><?php yourls_e( 'Optional title:', 'isq_translation'); ?></label> <p><label for="title" class="primary"><?php yourls_e( 'Optional title:', 'isq_translation'); ?></label></p>
<label for="title" class="secondary"><?php yourls_e( 'Optional title used when sharing a link from YOURLS using social sharers', 'isq_translation'); ?></label> <p><label for="title" class="secondary"><?php yourls_e( 'Optional title used when sharing a link from YOURLS using social sharers', 'isq_translation'); ?></label></p>
<input type="text" id="title" value="<?php echo($title); ?>" /> <input type="text" id="title" value="<?php echo($title); ?>" />
</div> </div>
</div> </div>
<div class="form-item recaptcha-container"> <div class="form-item recaptcha-container">
<label class="primary" title=""><?php yourls_e( 'reCAPTCHA:', 'isq_translation'); ?></label> <p><label class="primary" title=""><?php yourls_e( 'reCAPTCHA:', 'isq_translation'); ?></label></p>
<label class="secondary"><?php yourls_e( 'Verification used to ensure the user is not a bot', 'isq_translation'); ?></label> <p><label class="secondary"><?php yourls_e( 'Verification used to ensure the user is not a bot', 'isq_translation'); ?></label></p>
<div class="g-recaptcha" data-sitekey="<?php echo ISQ::$recaptcha['sitekey']; ?>"></div> <div class="g-recaptcha" data-sitekey="<?php echo ISQ::$recaptcha['sitekey']; ?>"></div>
</div> </div>

6
public/style.css
View File

@@ -107,6 +107,10 @@ a, a:visited {
padding: 10px 0; padding: 10px 0;
} }
.form-item p {
margin: 0;
}
.full-width { .full-width {
width: 100%; width: 100%;
} }
@@ -122,7 +126,7 @@ a, a:visited {
} }
label { label {
display: block; display: inline;
line-height: 2rem; line-height: 2rem;
} }