Veue 211 - Improve "Videos#index" display

[Seraphyne]

Branch VEUE-211:

• Made changes on _layout.scss to show the h2 "Recent Video" responsive on desktop, mobile: portrait and landscape (according to breakpoints.scss)
• Commented out the // min-width: 0; on _global.scss

[HamptonMakes]

Task linked: VEUE-211 Improve "Videos#index" display

[HamptonMakes]

@Seraphyne can you attach some screenshots? If you take a screenshot, Github lets you drop the image right into the text field and will automatically upload it! MAGIC.

[Seraphyne]

Here are the screenshots:

On Chrome:

- Large

- Small

On Firefox:

- Large

- Small

On IphoneXR:

- Landscape mode

- Portrait mode

[HamptonMakes]

I'm pretttty sure this is going to break the video watch page!

[HamptonMakes]

@Seraphyne Do you know what this file is?

[Seraphyne]

I saw it ran changes on it, but I didn't personally changed it.

[HamptonMakes]

Was this intentional?

[Seraphyne]

Nope! I dunno what happened there..

[HamptonMakes]

I think this would be better column, maybe wrap the h2 in a div and let it just push the contents down?

[Seraphyne]

Will restart the changes right now..

[Seraphyne]

VEUE-211 - Changes made:

• on global.scss I put back the min-width

• put the desktop.ini into gitignore

• put the color back at color.scss (the zero it was missing)

• on layout.scss, I used flex-direction:column and used some margin-left to make the videos and the h2 "Recent Videos" to look aligned.

Here are the pictures of the final result:

[Seraphyne]

Oh, and since I had to install the webpacker again, it changed the version to "@rails/webpacker": "5.2.1", so the other files that was changed, has to do with my re-installation of the webpacker.

[HamptonMakes]

Needs rspec to pass!

[Seraphyne]

Changes that I have done:

• on layout file: removed the media queries since there were extra and the site looked the same on the screenshots. (see bellow)

Changes that Rubocop did:

• All the changes you will see on the bin files. Those were made when I ran the command: rubocop -A

I see on the comment saying that "This branch has conflicts that must be resolved" is because Windows weren't starting my server. The error I was having was: ERROR: worker mode not supported. For that reason, I saw the solution about it in here. So I went and commented out the line # workers ENV.fetch("WEB_CONCURRENCY") { 4 } @config/puma.rb. If this line is important, I don't mind commenting it out and in every time I ran the server and NOT adding to my commit. Not a problem!

Please, let me know if all the differences are corrected or if I need to tweak something else.

Here are the pictures:

[HamptonMakes]

LGTM (this is renata's code)