<commit_before>@import '../../../styles/settings';


/* --------------------------
  Main Styles
--------------------------- */
.container {
	margin-bottom: 6rem;
	padding: 2rem 0 0 0;
	text-align: center;

	.bulletin-header {
		width: 20rem;
		display: inline-block;
		margin-bottom: 1rem;
		padding: 1rem 0;

		color: $sophisticated-white;

		h1 {
			font-weight: 600;
		}

		.bulletin-navigation {
			margin-bottom: 0.5rem;
			display: flex;

			.previous-bulletin,
			.current-bulletin,
			.next-bulletin {
				width: 100%;
				display: flex;
				justify-content: center;
				align-items: center;

				border: none;
				color: $sophisticated-white;

				&:hover {
					color: darken($sophisticated-white, 20%);
				}
				&:active,
				&[disabled] {
					cursor: not-allowed;
					color: darken($sophisticated-white, 40%);
				}
			}

			.previous-bulletin,
			.next-bulletin {
				font-weight: 300;
				font-size: 1.2rem;

				.fa {
					margin: 0 0.5rem;
				}
			}

			.current-bulletin {
				padding: 0 0.5rem;
				display: flex;
				flex-direction: column;

				font-size: 1rem;
				border-left: 1px solid rgba($sophisticated-white, 0.5);
				border-right: 1px solid rgba($sophisticated-white, 0.5);
			}
		}
	}

	.bulletin-message {
		padding: 1rem;
		color: $sophisticated-white;
		font-size: 2rem;
		font-weight: 600;
	}

	.bulletin-pdf {
		max-width: 100%;
		display: block;

		::ng-deep .page {
			box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
		}
	}

	.parse-debug {
		display: block;
		margin-bottom: 1rem;
		padding: 0.5rem;
		text-align: left;

		pre {
			white-space: pre-wrap;
		}
	}
}


/* --------------------------
  Media Queries
--------------------------- */
@media screen and (min-width:544px) {
	.container {
		.bulletin-header {
			width: 40rem;
			.bulletin-navigation {
				.previous-bulletin,
				.next-bulletin {
					font-size: 2rem;
				}
				.current-bulletin {
					font-size: 1.5rem;
				}
			}
		}
	}
}<commit_msg>Make bulletin smaller, fix layout issue on smaller screens<commit_after>@import '../../../styles/settings';


/* --------------------------
  Main Styles
--------------------------- */
.container {
	max-width: 52rem;
	margin-bottom: 6rem;
	padding: 2rem 0 0 0;
	text-align: center;

	.bulletin-header {
		width: 20rem;
		display: inline-block;
		margin-bottom: 1rem;
		padding: 1rem 0;

		color: $sophisticated-white;

		h1 {
			font-weight: 600;
		}

		.bulletin-navigation {
			margin-bottom: 0.5rem;
			display: flex;

			.previous-bulletin,
			.current-bulletin,
			.next-bulletin {
				width: 100%;
				display: flex;
				justify-content: center;
				align-items: center;

				border: none;
				color: $sophisticated-white;

				&:hover {
					color: darken($sophisticated-white, 20%);
				}
				&:active,
				&[disabled] {
					cursor: not-allowed;
					color: darken($sophisticated-white, 40%);
				}
			}

			.previous-bulletin,
			.next-bulletin {
				font-weight: 300;
				font-size: 1.2rem;

				.fa {
					margin: 0 0.5rem;
				}
			}

			.current-bulletin {
				padding: 0 0.5rem;
				display: flex;
				flex-direction: column;

				font-size: 1rem;
				border-left: 1px solid rgba($sophisticated-white, 0.5);
				border-right: 1px solid rgba($sophisticated-white, 0.5);
			}
		}
	}

	.bulletin-message {
		padding: 1rem;
		color: $sophisticated-white;
		font-size: 2rem;
		font-weight: 600;
	}

	.bulletin-pdf {
		max-width: 100%;
		display: block;

		::ng-deep .page {
			box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
		}
	}

	.parse-debug {
		display: block;
		margin-bottom: 1rem;
		padding: 0.5rem;
		text-align: left;

		pre {
			white-space: pre-wrap;
		}
	}
}


/* --------------------------
  Media Queries
--------------------------- */
@media screen and (min-width: 768px) {
	.container {
		.bulletin-header {
			width: 40rem;

			.bulletin-navigation {
				.previous-bulletin,
				.next-bulletin {
					font-size: 2rem;
				}
				.current-bulletin {
					font-size: 1.5rem;
				}
			}
		}
	}
}
{'fraction_non_alphanumeric': 0.19681116093672146, 'fraction_numerical': 0.0393622321873443, 'mean_word_length': 1.9806978470675576, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '980652', 'n_tokens_mistral': 1998, 'n_tokens_neox': 1502, 'n_words': 301}