add everything radio

groups/home/bootstrap3/Vue3-v.5-css.html

@@ -168,10 +168,10 @@
   #radios {
     float: left;
   }
-  #articlesradio {
+  .radiocontainer {
      margin-left: 10px;
   }
-  #articlesradiocontainer {
+  .radiocontainer {
     display: inline-block;
   }
   #booksradio, #articlesradio {
@@ -405,13 +405,11 @@
     #app2 { margin-bottom: 65px; }
     #radios > label { margin-bottom: -5px; }
   }
-
   @media only screen and (max-width: 600px) {
     #advanced {
       display: none; 
     }
   }
-
   @media only screen and (max-width: 768px) {
     #login-text {
       display: none;
@@ -547,3 +545,4 @@
   src="https://kit.fontawesome.com/4c28f38a07.js"
   crossorigin="anonymous"
 ></script>
+

groups/home/bootstrap3/src/main5.js

@@ -98,19 +98,27 @@ const onesearchComponent = {
     </div>
     <div id="radios">
         <input type="radio" 
-               id="booksradio"
                name="radio1"
+               id="booksradio"
                @click="selectradio('rtype,include,books', '')"
         >
         <label for="booksradio">Books</label>
-        <div id="articlesradiocontainer">
+        <div class="radiocontainer">
             <input type="radio"
-                   id="articlesradio"
                    name="radio1"
+                   id="articlesradio"
                    @click="selectradio('tlevel,include,peer_reviewed', 'rtype,include,articles,1')"
             >
             <label for="articlesradio">Articles (Peer reviewed)</label>
         </div>
+        <div class="radiocontainer">
+            <input type="radio"
+                   name="radio1"
+                   id="everythingradio"
+                   @click="selectradio('', '')"
+            >
+            <label for="everythingradio">Everything</label>
+        </div>
     </div>
     <div id="advanced">
         <strong>
@@ -384,3 +392,4 @@ const app2 = createApp({
   },
 });
 app2.mount("#app2");
+