Media Queries

[llfbh33]

• Add media queries for site.

[llfbh33]

• query's complete for:
  • Landing page (could use more work but good enough for now)
  • Home page
  • Notebook page
  • Entry Preview Page
  • Entry Edit Page

[llfbh33]

• Landing page is okay for now - Still want to set the buttons in the nav and main web name to adjust with screen size not just pop smaller
• Home page and notebook page - move the mini title left 20px after 950px
• Check that there is no 1px glitch, if there is - adjust for the offset
• Entry Preview page under 950px - pull the underlines in for the name and notebook name
  • Center the notebook name
  • May have to set the page to a specific width first
• Edit entry page - Determine in you should have the buttons centered or to the left
  • Once the size is below 600px, set the save button to span across. Change the save button to state if it is saved or not
• Adjust Public feed page on screen size change
• Adjust a specific post on screen size change
• Adjust personal posts on screen size change
• Adjust comments page on screen size change

[llfbh33]

• [x] set site name in landing page nav bar to adjust in size when smaller
• [x] home page - set underline of 's Home to have a larger margin on left and right under 950px
• [x] home page - set glow underlines to have no border radius
• [x] notebook page - set underline of Notebook: to have a larger margin on left and right under 950px
• [x] notebook page - set glow underlines to have no border radius
• [x] notebook page - make underline of notebook about section to glow
• [x] notebook page - center mini instruction line up top to center under 950px
• [x] preview notebook page - center notebook name text under 950px
• [x] preview notebook page - remove border radius on glow underlines under 950px
• [x] preview notebook page - set underlines to have a larger margin on left and right under 950px
• [x] edit entry page - set underlines to have a larger margin on left and right under 950px
• [x] edit entry page - remove glow border radius under 950px
• [x] edit entry page - set notebook to center
• [x] public feed - set to have media queries
• [x] public post - set to have media queries
• [x] comments page - set to have media queries
• [ ] Check all modals on a small view

[llfbh33]

• Comments page

• [x] Mini titles should be set centered after 950px

• [x] Mini titles should have a glow underline

• Public Feed

• [x] center top mini title after 950px

• [x] set public feed and all entries titles to sit on top of one another after 650px

• [x] give light glow underline to titles under 950px

• [x] Set glow hover effect on post entries

• [x] Post entry name should be 100% width under 950px

• Public Post

• [x] set title under Public Feed title under 950px

[llfbh33]

• [x] Create a new Notebook Modal
• When under 650px; Set to be the whole screen
• When under 650px; add an exit button to not create a notebook