diff options
| author | Mohammad Amoush <mohammad_amoush@brown.edu> | 2019-07-17 20:26:00 -0400 |
|---|---|---|
| committer | Mohammad Amoush <mohammad_amoush@brown.edu> | 2019-07-17 20:26:00 -0400 |
| commit | 1f1f857847cd9ffa0fdd5001c0dd72f06ba903c0 (patch) | |
| tree | 09576a278f851067633045f7f6bed46b67bd930f /src | |
| parent | 49edd4e6071d0ea84cd0a652d69acb826866c99b (diff) | |
Titles alligned
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/apis/youtube/YoutubeBox.scss | 6 | ||||
| -rw-r--r-- | src/client/apis/youtube/YoutubeBox.tsx | 2 |
2 files changed, 7 insertions, 1 deletions
diff --git a/src/client/apis/youtube/YoutubeBox.scss b/src/client/apis/youtube/YoutubeBox.scss index e6ccfea90..23f264b95 100644 --- a/src/client/apis/youtube/YoutubeBox.scss +++ b/src/client/apis/youtube/YoutubeBox.scss @@ -5,9 +5,15 @@ ul { li { margin: 4px; + display: inline-flex; } li:hover { cursor: pointer; opacity: 0.8; +} + +.videoTitle { + margin-left: 4px; + font-family: Arial, Helvetica, sans-serif; }
\ No newline at end of file diff --git a/src/client/apis/youtube/YoutubeBox.tsx b/src/client/apis/youtube/YoutubeBox.tsx index e7913da9e..d94f3785c 100644 --- a/src/client/apis/youtube/YoutubeBox.tsx +++ b/src/client/apis/youtube/YoutubeBox.tsx @@ -81,7 +81,7 @@ export class YoutubeBox extends React.Component<FieldViewProps> { return <ul> {this.searchResults.map((video) => { let filteredTitle = this.filterYoutubeTitleResult(video.snippet.title); - return <li onClick={() => this.embedVideoOnClick(video.id.videoId, filteredTitle)} key={video.id.videoId}><img src={video.snippet.thumbnails.medium.url} /> {filteredTitle}</li>; + return <li onClick={() => this.embedVideoOnClick(video.id.videoId, filteredTitle)} key={video.id.videoId}><img src={video.snippet.thumbnails.medium.url} /> <span className="videoTitle">{filteredTitle}</span> </li>; })} </ul>; // } else if (this.videoClicked) { |