Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Beautify demo page #40

Merged
merged 4 commits into from
Jun 21, 2015
Merged

Beautify demo page #40

merged 4 commits into from
Jun 21, 2015

Conversation

regishideki
Copy link
Contributor

In conformance with TODO list on VanillaMasker's page, I'm sending this pull request to improve demo page's layout.

  • centralize the "form" and adjust it's width;
  • change h4 tags to label tags and add "for" attribute;
  • add spaces between fields;
  • increase height, add radius and border of input fields;
  • use sans-serif fonts;
  • change legend to italic;
  • standardize case;

I've tried to centralize legend content but I read this tag is not standardized amoung browsers. Some people say it's better to use a h tag instead. What do you think?

How demo page is now

image

Proposal:
vanillamasker demo page

<input type="text" id="carPlate">

<h4>Vehicle Identification</h4>
<label for="vin">Vehicle identification</label>
<input type="text" id="vin">
</fieldset>

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The indentation of this whole file it's a little strange.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't know why, cause it's normal in my local file... 😕

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@regishideki, have you differentiate tab from space in your local editor ?
Looks like it has been indent with tabs.

@regishideki
Copy link
Contributor Author

@leandroadacosta and @caio-ribeiro-pereira , what do you think about this PR? Can I merge it?

@rmonteiro89
Copy link

It looks okay. I think you can merge. Not a huge change. 👍

regishideki pushed a commit that referenced this pull request Jun 21, 2015
@regishideki regishideki merged commit a3d67eb into master Jun 21, 2015
@QuentinFchx QuentinFchx deleted the beautify_demo_page branch May 31, 2017 13:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants