[Readme]Reduce space when display content in readme container

[lyndaidaii]

Summary of the changes (in less than 80 characters):

Reduce space when display readme

Before:

After:

Addresses #8508, #8651

[joelverhagen]

Could we move this inline CSS to a LESS file that is appropriate for all of the places _ImportReMe.cshtml is used?

[joelverhagen]

It seems that there is also a lot of extra space below the content. Is that intentional?

[lyndaidaii]

It seems that there is also a lot of extra space below the content. Is that intentional?

This is intential, the readme container size has default size.

[loic-sharma]

This is intential, the readme container size has default size.

What's the purpose of the container's default size? The forced size looks a little strange to me.

[lyndaidaii]

This is intential, the readme container size has default size.

What's the purpose of the container's default size? The forced size looks a little strange to me.

@chgill-MSFT, could you help provide some idea in terms of extra space below content?

[lyndaidaii]

The space here actually is div for edit markdown
<div class="text-center hidden" id="edit-markdown" style="padding-top:3em; padding-bottom:3em"> <div class="row"> <input type="button" value="Edit Documentation" id="edit-markdown-button" class="btn btn-primary col-xs-10 col-xs-offset-1 col-lg-2 col-lg-offset-5" /> </div> </div>
https://github.com/NuGet/NuGetGallery/blob/main/src/NuGetGallery/Views/Packages/_ImportReadMe.cshtml#L96
When we preview readme content, we remove hidden class
' function displayReadMePreview(response) {
$("#readme-preview-contents").html(response.Content);
$("#readme-preview").removeClass("hidden");

        $('.readme-tabs').children().hide();

        $("#edit-markdown").removeClass("hidden");
        $("#preview-html").addClass("hidden");
        clearReadMeError();'

https://github.com/NuGet/NuGetGallery/blob/main/src/NuGetGallery/Scripts/gallery/page-edit-readme.js#L332

I created new ticket to address seperately, It was not trivial fix, here is ticket #8651

[lyndaidaii]

After syncing with Joel, we found alternative approach to clean up space issue below content. This PR is addressing both #8508, #8651. Tested cases like uploading package with legacy readme and embedded readme, edit legacy/embedded readme for different version of packages

[loic-sharma]

Suggested change

	padding-bottom: 3em
	padding-bottom: 3em;